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

#vite#fetch
rawan6602 80

@rawan6602

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@thomashertog

Posted

Your solution is looking good visually! There are some few improvements to be made though.

HTML/accessibility

  • you used a <main> element which is good, however you also used <div class="paragraph"> while there is a <p> element exactly for paragraph text
  • the results themselves (the elements with class="record" in your code should be a list

CSS

  • use min-height instead of height to ensure overflow issues are not caused when content is expanding
  • try working with em/rem instead of px

Marked as helpful

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