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

Chris 100

@DeveloperChrisP

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'm currently doing Dr Angela Yu's Web Dev bookcamp on 'Udemy' and feel like I'm understanding it (currently midway through Javascript) but these challenges are a whole different thing. This one's taken me forever to get through

I added variables to store the colours. I feel like I should have done the same with 'margins & padding'. It probably would have made things easier when doing the media query for mobile view.

I also wasn't sure how to split the 'reaction/memory...' on the left, from the 'numbers' on the right. I ended up hacking it together using different margins. I'm sure that's not the "correct" way.

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