Простий html код для прикладу:
<body>
<header class="header">
Шапка сайту
</header>
<div class="main-area">
Основний контент сторінки
</div>
<footer class="footer">
Підвал сайту
</footer>
</body>CSS код який змусить footer (підвал сайта) притиснутися до низу вікна браузера:
body{
display: flex;
min-height: 100vh;
flex-direction: column;
}
.main-area {
flex: 1 0 auto;
}