Кросбраузерный адаптивный шаблон, кто какой вариант использует?

Здорова всем, с наступающим.

Давно использую такой метод, но он старый, кто более современный использует и удобный, подскажите и покажите, хочу что-то современное использовать, на флексах допустим.

Адаптивный вариант, где низ сайта прижат к низу сайта.

Мой вариант: метод топорный, где надо отступы прописывать допустим нижнего контейнера, чтобы он на контекст не налезал если контента много, ну и верх тож самое.
https://jsfiddle.net/t0xn63wz/
  • Вопрос задан
  • 254 просмотра
Решения вопроса 1
profesor08
@profesor08 Куратор тега CSS
Используй flex.
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1 0 auto;
  background: red;
}

footer {
  flex: 0 0 auto;
  background: blue;
  height: 200px;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
Lord_Dantes
@Lord_Dantes
муз. канал t.me/blackstreet69th
современное

grid

Читал эту статью дошло)
grid
Ответ написан
AngryYumy
@AngryYumy
Заплати фрилансеру чеканой монетой
Может что-то не так понял, но вроде все довольно просто https://codepen.io/angryyum/pen/bGNqEbV
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы