White place

https://peppy-kitsune-0f72e6.netlify.app/ My CSS is having a problem with the white place, it is also on the mobile screen. Although I follow Mobile-first, I don't know why it looks like that, Could anyone know the reason why and the solution for that, please support me, I really appreciate it 🙏
No description
4 Replies
Zoë
Zoë9mo ago
Your content isn't taking up the full height. You could make whatever element has the background image min-height: 100vh to force it to cover
Winnie Nguyen
Winnie Nguyen9mo ago
so ?thank you so much, it was fixed. but how do I set the footer that it can touch the bottom
No description
Zoë
Zoë9mo ago
Ah then you'd want the content inside to fill. If using flex you could make the element above the footer flex-grow: 1
Tok124 (CSS Nerd)
Kevin Powell
YouTube
Easy sticky footer - stop a footer from floating up a short page!
Having the footer of the page just floating around in the middle just looks... bad. So let's see how we can fix it with both flexbox and grid in this video! As an added bonus, both of them are really easy to do! This CSS-Tricks articles has a few other ways, including different ways to do it with flexbox and grid in case you run into issues wit...