Skip to content
Submitted over 1 year ago

Results Summary Component Using HTML & SASS

Syd•20
@SydBrain
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

My second Front End Mentor Project!

I had a few problems with the semantic structure of the HTML since this time I had to build only one component and not an entire page. Let me know if I made any mistakes in regards to the HTML, especially the headings!

Community feedback

  • Elijah•320
    @taco-nekoPosted over 1 year ago

    You've done a good job! Regarding the headings, every page should have an h1 element. You can make "Your Result" into an h1 instead of h2 and that should fix the single accessibility error that's showing up.

    Remember, you can always style elements to look different. If the default way an h1 looks doesn't suit you, you can always change it. Headings are meant to show the structure of the page, rather than be text styles.

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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