Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
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 solution

@valentinalopezh98

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


Here is my solution to the Results summary component challenge. Happy to hear any feedback and advice. Thanks!

Community feedback

@maykol-vallejos

Posted

Hi, how are you? I was reviewing your code and I saw a very good code structure, readable for changes and with a very good development logic.

I had a small observation to make regarding accessibility, try not to use "px", it is a bad practice for future projects, maybe now is not a very strong error in this that you developed but in future projects can affect you a lot, and it is not your fault, is that each browser handles its own settings, especially the font settings .., (If you like you can corroborate it on a 768px screen and you will see that there is a brief resizing failure of your project created. )

So a good practice for it is to use the 62.5% font size technique, you can check the following article to learn about it and apply it for a more efficient work:

https://www.aleksandrhovhannisyan.com/blog/62-5-percent-font-size-trick/

So you don't worry about making changes if changes are made in the browser. I hope this advice is useful for you. Keep up the good work. Success in future coding! Best regards! ;)

Marked as helpful

0

@valentinalopezh98

Posted

@maykol-vallejos Thanks, that's very helpful! :)

0

@Romanarabe

Posted

beautiful :)

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