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

Result summary component | HTML & CSS

Andrey Romashevβ€’ 70

@isildurrr1

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


Hi all!πŸ‘‹ I love doing challenges. And I decided to start my journey on this site with this task.

Community feedback

Ted Rinquestβ€’ 440

@climb512

Posted

Looks nice!

I can offer a bit of my first impressions after glancing through the code. You may want to add descriptive class names, which makes any code review or later revisions much easier (Semantic CSS). Also, you may want to add .m::focus {} with the same css as .m::hover {} to keep the active state formatting on the button when clicked.

When I did this challenge I went ahead and learned how to add the data in data.json using plain JS (no libraries). There are a million resources for this, but I used https://www.ajaypalcheema.com/vanilla-js-dom/ and it helped me a lot. It could be a great opportunity to learn a library like jQuery too if that's what you wanted.

Keep 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