Карточка Junior Вёрстка на практике обновлено
Подвал прижат к низу
Вопрос
Как прижать подвал к низу страницы, если контента мало?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
body { min-height: 100dvh; display: flex; flex-direction: column; } и main { flex: 1; }. Основная часть забирает свободное место и выталкивает подвал вниз.
Ответ
body { min-height: 100dvh; display: flex; flex-direction: column; } и main { flex: 1; }. Основная часть забирает свободное место и выталкивает подвал вниз.
Разбор
Альтернатива на гриде: grid-template-rows: auto 1fr auto на body с той же минимальной высотой.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.