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](https://cdn.answeroverflow.com/1160965726534914138/Screenshot_2023-10-09_at_22.35.52.png)
4 Replies
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 coverso ?thank you so much, it was fixed. but how do I set the footer that it can touch the bottom
![No description](https://cdn.answeroverflow.com/1160968664074436708/Screenshot_2023-10-09_at_22.53.02.png)
Ah then you'd want the content inside to fill. If using flex you could make the element above the footer
flex-grow: 1
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...