Прижать футер к низу сайта

Расположить футер внизу страницы можно через свойство display: flex.

Код на HTML:

<div class="page">
  <div class="content">
    <p>Контент</p>
  </div>

  <footer>
    <p>Подвал (footer)</p>
  </footer>
</div>

Код на CSS:

* {margin: 0; padding: 0;}

.page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.content {
  flex: 1;
}

Пример кода: