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

Responsive Results Summary

#accessibility#bootstrap#react#vite
Maela 270

@maelacudini

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

Christian 970

@FLCHRIS

Posted

Hi there!! ✌️

Congrats on completing this challenge! 🥳🎉

Here are some tips to improve your solution... 💯

HTML: 🧱

Your content should be inside the main tag.

Header elements implements six levels h1-h6, with h1 being the most important and h6 being the least important. avoid omitting header levels, your page should start with the header h1 and successively with h2...h6. More info here.

The image <img src="./images/image-web-3-desktop.jpg" alt="header" width="100%" height="auto"> is only decorative, it does not add value to your page web, so do the following <img src="./images/image-web-3-desktop.jpg" alt="" aria-hidden="true" width="100%" height="auto"> more info here.

I hope I've helped 😄

Happy coding! 🙃

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