Всем привет!)
Расскажу сегодня как решал задачу с фиксированным footer, но уже на гридах.
До этого момента я использовал flexbox, и, в принципе, все работало. Однако, на последних проектах стал работать больше с grid, и, по ходу я влюбился..))
Итак, я применил свойства и к html и к body. Потом взял блок как родительский (обертка для всего содержимого, так же делал и с flexbox), и внутри уже header, main и footer.
Header
Main
Footer Content
Остальное лучше сразу на живом примере! 👇🏻
https://codepen.io/salexvl/pen/JjZRpRJ