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-card

@RajputChirag27

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


Made it with flex. It was a great experience to make the card and it gives me more confidence. Any suggestions are welcomed.

Community feedback

ezecoder 870

@3eze3

Posted

Heey hi RAJPUT CHIRAGSINGH ARJUNSINGH , good contribution for this challenge, I have some recommendations regarding html and a little bit of css.

  • Html:
  • Add alternative text to images by using the alt attribute.

  • Use semantic tags such as sections or lists to describe the content.

  • Group classes to avoid repeating the same styles in several elements and use modifiers for variants.

  • Add comments to facilitate understanding and maintenance of the code.

  • Css:
  • Avoid the use of @import in the style tag and use a separate style sheet where you have the resets of the text, titles, links, etc...

  • Use consistent and descriptive nomenclature for classes and identifiers for better readability and code maintenance.

Marked as helpful

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