Denis Kunitsyn

media only screen and (max-device-width: 480px) {
.single-featured-image-header img {
width: 100%;
height: 100%;
}
}

media only screen and (max-device-width: 480px) {
.single-featured-image-header {
width: 100%;
}
}
див перед id зачем писать? и скобку в конце поставьте } закрывающую медиа и еще у вас не id а class соответственно не # а . перед названием класса

Тож не понимаю что не так с дивами )

html:
div class="main"
div class="main_left" /div
div class="main_center" /div
div class="main_right" /div
/div

css:
.main {position: absolute; width: 100%; height: 20%}
.main_left {position: absolute; width: 33%; height: 100%; left: 0}
.main_center {position: absolute; width: 33%; height: 100%; left: 33%}
.main_right {position: absolute; width: 33%; height: 100%; right: 0}

Есть много вариантов абсолютное позиционирование одно из них