Адаптивная верстка

Добрый день. Начиная с урока 59 HTML и CSS, мы изучаем адаптивную верстку. Все получается по урокам. Но вопрос следующий: при выполнении заданий из верстки для мобильных устройств пропадают блоки <sidebar>, то есть в адаптивной верстке для мобильных устройств отсутствуют блоки (Поиск, вход и т.д.). Хотел уточнить почему?

заранее благодарен.

html

css

2 ответов

Думаю для упрощения примера поиск скрывается для адаптивной верстки:

@media only screen and (max-device-width: 568px) and (min-device-width: 320px)
.sidebar_container {
    display: none;
}

В курсе Bootstrap (там тоже киномонстр, только круче) в плане адаптивности еще интереснее, там элементы поиска в разных местах расположены для больших экранов и мобильных.

Спасибо. Большое.