Design comparison
SolutionDesign
Solution retrospective
Hi guys! I ran into a problem with the project when I tested the result on my mobile. There was a lot of white space at the top of the page, while I don't see any white space in Chrome's developer tools. Do you know a better tool for simulating the site on mobile and how can I eliminate this empty space?
Community feedback
- @bowen-weiPosted over 1 year ago
Hello, your solution looks great !
I think maybe you can change "align-item" of the body to "flex-start", and in the desktop setting(your media query), change it back to "center".
Adding box shadow may make it look better .
Marked as helpful0
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