Design comparison
Solution retrospective
Hi everyone,
this took me longer than i expected. I had problem with white space at the bottom of my page and with scrollbar. I found out that it has something to do with default margin on body. I found some ideas on how to solve it with height on html and body, or with hidden overflow, but it never looked quite right. Do you have any solution which works widely? (the ones I tried always worked only on one screen).
Thank you
Klara
Community feedback
- @madeleine-gbPosted about 2 years ago
Hmm I've had the same issue with white space at the bottom with a couple of projects. I think I have solved it either by setting the height to 100% next to the background style or overiding the default browser html styles where it adds margins/padding to html elements unless otherwise specified. Adding margin to 0 for the body may help - I'm sorry I can't quite remember. Your code is very clean and well organised and understandable - great job!
Marked as helpful0@klara367Posted about 2 years agoHi Madeleine,
thank you for your feedback. I always put margin to 0, so i don't really understand why it was ignoring that. I tried to put 100%/100vh in different variation on html, body and main, but there was always something wrong. I will search for some more ideas.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord