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 component

Gabriel Valenteβ€’ 20

@ValentePG

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


I have this problem with the alignment off my components, how could i do for improve this?

Community feedback

Alexandre JOLIETβ€’ 170

@alexandre-joliet

Posted

Hello Gabriel πŸ‘‹!

Here is my proposal:

  • Try to think the main as the backgound container of the two sections
  • I have put then a min-height of 100vh for the body
  • Removed both height settings in your main
  • Add the same border-radius and box-shadow as in your sections
  • Remove the box-shadow in your media to avoid the overlap

Maybe there are better options so I let more experts people correct me if necessary;

Happy coding!

Marked as helpful

1

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