Изучаю HTML и CSS и придумала что-то, чего я просто не понимаю.
Кто-нибудь знает, почему именно мой нижний колонтитул отображается почти в верхней части страницы.
Вот что я думал, я делаю правильно,
1) Поместите правильный HTML-код нижнего колонтитула внизу страницы
2) Добавьте свой основной нижний колонтитул CSS, чтобы он всегда оставался внизу и был отзывчивым
Codepen - https://codepen.io/nightcoder21/pen/BxwVdJ
мой HTML
<footer>
<div id="icons">
<li class="list-inline-item"><a href="javascript:void();"><i class="fab fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fas fa-mobile-alt"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fas fa-envelope"></i></a></li>
</div>
<p class="text-center">yadayada</p>
</footer>
Помимо получения решения от кого-то еще, я был бы признателен, если бы кто-то мог точно сказать мне, где я ошибся, чтобы я мог учиться.
Спасибо, что прочитали
Приветствия