Современный способ опустить нижний колонтитул — всего 3 строки CSS

При создании веб-сайтов важны именно мелкие детали. Слишком часто я вижу сайты, где содержание страницы очень короткое, и вдруг появляется плавающий футер. [вставьте меня, бьющего по лицу] С современным CSS это так легко исправить, что нет никаких причин допускать подобное на вашем сайте. Позвольте мне показать вам, как! ССЫЛКИ: Код — https://www.frontend.fyi/v/css-push-d... ДАЛЬШЕ? 📈 Если вам нужно больше подобного контента, станьте Frontend FYI PRO и получите доступ к моим текущим и всем будущим курсам за единоразовую покупку: https://fe.fyi/pro 📺 Если хотите больше подобных видео, посетите мой сайт: https://fe.fyi/videos ✉️ Подпишитесь на мою рассылку: https://fe.fyi/newsletter МОИ СОЦИАЛЬНЫЕ СЕТЯ 🌍 Мой сайт – https://www.frontend.fyi 🐦 Twitter –   / jeroenreumkens   📸 Instagram –   / jeroenreumkens   💼 Linkedin –   / jeroenreumkens   СОТРУДНИЧЕСТВО Хотите вместе работать над созданием контента? Свяжитесь со мной по адресу jeroen [at] frontend.fyi КТО Я? Если вы впервые на этом канале — привет, меня зовут Йерун. Я фронтенд-инженер с почти 15-летним опытом работы. В 2023 году он решил перестать преподавать только в своих близких колледжах, чтобы начать обучать весь мир. То, чему я учу, некоторые называют инженерным проектированием, я же предпочитаю называть это искусством фронтенда. ТАЙМ-КОДЫ: 00:00 – Вступление 00:24 – Пример со сбоями 01:17 – Начало исправления 01:33 – Оборачиваем заголовок, контент и футер в div 02:35 – Добавляем динамическую высоту области просмотра 100 03:27 – Добавляем CSS-сетку 04:02 – Магия: строки шаблона сетки 05:50 – Краткое описание исправления 07:00 – Заключение #tailwindcss #css #webdevelopment #frontend