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

desktop-first-solution

@Manash0606JB

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@climb512

Posted

Excellent, clean look to your design! I see some issues with layout on the sample site though, due to the use of 'width: 20%;' on all the 'div' elements.

You have body { display:flex; } and div { width: 20%; } which flows all the divs to the far left.

There are many ways to fix this, but a quick one is to set the div width in px (or em, or rem, but not %). For example, div { max-width: 300px;}.

Keep coding!

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