Submitted almost 3 years ago

Results-Summary-Component by Papa Yaw Owusu

accessibility

papa•340

@PapsPython

A solution to the Results summary component challenge

Preview Code

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.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on papa's solution.

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