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 Using HTML & SASS

P
Syd 20

@SydBrain

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


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

Posted

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