@Max_Krutov
Начинающий верстальщик

Правильно ли задана высота и ширина в начальной разметке кода?

Правильно ли я выполняю разметку в разрезе задания высоты и ширины основным элементам, чтобы в последующем вёрстка была адаптивная, и при меньшем разрешении экрана или сужении окна браузера, все блоки стали в одну колонку и не было полосы прокрутки.

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
height: 100%;
min-height: 100vh; /*Чтобы прижать footer*/
}
/*Затем для общего div в котором абсолютно весь контент*/
.wrapper{
width: 100%;
max-width: 900px; /*в зависимости от указанной ширины макета*/
}

Последующие блоки, расположенные в div с классом wrapper, такие как header, main, nav, content, menu, aside, footer, стараюсь делать с такой конструкцией:
к примеру:
main{
width: 100%;
max-width: 800px; /*относительно макета конечно*/
height: 100%;
min-height: 200px; /*также беру минимальную высоту с макета(меряю её)*/
}
И в таком ключе все оставшиеся элементы div, span и т. д. Только для header и footer просто задаю ширину 100% и всё.

В конце делаю ещё медиа-запросы, и подключаю в код css: reset.css и normalize.css.

Подскажите пожалуйста, насколько это корректно и правильно? Заранее благодарю за ответы!
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.