Перерыл уже весь гугл, как только не пытался баловаться со стилями
Данный отступ появляется если браузер сузить, то есть изменить расширение сайта к минимуму.
Вот стили: ТЫК
И сам сайт: ТЫК
Во-первых <footer> не означает, что этот блок будет в самом низу страницы. Он просто ниже основного содержимого страницы, но при этом может быть и выше нижней границы окна браузера.
Можно сделать вот так: https://jsfiddle.net/n6p74dye/
HTML
<body>
<header>...</header>
<footer>...</footer>
</body>
CSS
body {
margin: 0px;
padding: 0px;
display: flex;
flex-direction: column;
min-height: 100vh;
}
header {
flex: 1 0 auto;
}
footer {
flex: 0 0 auto;
}
В итоге header всегда будет или в самом низу страницы (если она больше экрана) или в самом низу экрана
А все основное содержимое размещаешь в <header></header>
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости