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-using-html-css

mohamed magdyโ€ข 110

@mohamed-magdy26

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


feel free to help me achieve best practice for responsive?

Community feedback

@MelvinAguilar

Posted

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

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

  • Is the word Great important enough to be a heading element? What is the content associated with that title? This is the heading structure:

    • Your Result (h1).
      • Great (h2).
        • Summary (h3).

    does this make sense? In my humble opinion, the element Great can be a paragraph. more info here.

  • Do the illustrations add context to the page, or are they just for decoration? Use an empty alt attribute for decorative images. It indicates to screen readers that the image is not important and can be ignored, reducing unnecessary noise for users.
  • The responsive is fine, the component is not distorted, if you have a more specific question you can write it.

I hope you find it useful! ๐Ÿ˜„

Happy coding!

Marked as helpful

2

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