← Комьюнити

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

Святослав Тихомиров2 ответов
#html#css

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

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

2 ответов

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

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

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

student_F3tCJLdd▲ 2

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

Святослав Тихомиров▲ 1

Ваш ответ

Войдите, чтобы ответить