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

Youssef Nachatโ€ข 140

@yousefnachat

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


Hello challenge : Results summary component I recently completed my project titled "Results summary component" and would greatly appreciate your feedback. Your insights and suggestions can help me improve this project further and future projects.

Community feedback

@MelvinAguilar

Posted

Hello there ๐Ÿ‘‹. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

  • You should use an alt attribute empty for the icons when they are used decoratively. This practice avoids the reading of the description by screen readers, which can be bothersome for users with visual impairments.

    However, it's important to note that if the element were not decorative, you should describe the image in the alt attribute rather than using a placeholder like "#".

  • Use min-height: 100vh instead of height. Setting the height to 100vh may result in the component being cut off on smaller screens, such as a mobile phone in landscape orientation.
  • Avoid using viewport units (e.g., vw and vh) for widths and heights, as they can lead to distortion on smaller screens. Test your solution, especially with devices in landscape orientation, where using vh for width might cause distortion.

I hope you find it useful! ๐Ÿ˜„ Above all, the solution you submitted is great!

Happy coding!

Marked as helpful

0

Youssef Nachatโ€ข 140

@yousefnachat

Posted

@MelvinAguilar thank you so much for you feedback it was helpfull

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