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

@garbiru

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 don't have any questions, only list things that I can improve.

  • Create better root variables (only save the values of the hsl) in order to be able to use that variable with some opacity.
  • Since I'm using React I should've created a component for those 4 sections.
  • I used 2 local variables in the class of those 4 sections in order to change them within the html, but probably it's not a good a idea, since in the Developer Tools it will appear a cluster of inline styles.
  • Probably give better class names, I used a "kinda BEM" convention.

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