Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

results summary with flexbox and mediaquery

MHAA 50

@MHA2001

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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 280

@bowen-wei

Posted

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 helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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