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 with only HTML & CSS

@FerdinandoGeografo

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 recently switched to Pro and I wanted to try a not too complicated challenge to have my first experience with Figma too, with the design files downloadable with the Pro sub, which has turned out to be a very useful tool especially if the goal is get as close as possible to the design of the challenge. Any feedback\suggestions on how to improve are welcomed, thanks everyone!

Community feedback

P

@Thodoris-Diamantidis

Posted

Congratulations on completing the challenge!

To enhance your solution further, I recommend exploring the possibility of obtaining the data from a JSON file instead of hardcoding it. This approach can make your application more flexible and maintainable by separating data from code.

Additionally, it's a good practice to thoroughly test your calculations by experimenting with various input values to ensure the accuracy and reliability of the result scores. This will help you identify and address any potential edge cases or issues in your implementation.

I would advise against using font-size: 62.5% as it can potentially lead to compatibility issues with third-party packages and pose significant migration challenges. If you're interested in exploring the topics of sizing and accessibility further, I recommend reading Josh W. Comeau's article, which provides valuable insights.

If you found this feedback helpfull , please feal free to upvote :)

Marked as helpful

0

@FerdinandoGeografo

Posted

@Thodoris-Diamantidis Thanks for these very useful tips, regarding the use of data from the json file it was my choice because I wanted to focus more only on the style and on trying the approach of developing with the help of figma files.

0
P

@Thodoris-Diamantidis

Posted

@FerdinandoGeografo, I completely understand your reasons for using hardcoded data, especially if it aligns with your focus on styling and your approach to development with Figma files. It's essential to strike a balance between best practices and project-specific considerations.

I'm glad you found the tips helpful. Best of luck with your development work.

0

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