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 by Papa Yaw Owusu

papa 340

@PapsPython

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


Struggled to overlap and align perfectly the average score card over the individual score cards.

Used display grid, grid row: 1fr. That didn't automatically align the horizontal lines of both cards. I used align self as well as height adjustments to align the cards.

Also used negative margins and index to create an overlap.

Community feedback

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