Result summary component with only HTML & CSS
Design comparison
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
- @Thodoris-DiamantidisPosted about 1 year ago
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 helpful0@FerdinandoGeografoPosted about 1 year ago@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@Thodoris-DiamantidisPosted about 1 year ago@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 GitHubJoin 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