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

Interactive rating component

Najmanager 150

@Najmanager

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi, this is my first project that required using JavaScript. It wasn't that easy I thought it would be, however I had a lot of fun building this cart. I will really appreciate any feedback.

Community feedback

bunee 2,060

@buneeIsSlo

Posted

Hey! @Najmanager, Great job on completing this challenge. Your solution responds well and I really the extra touches you've added!

Your solution seems to have some accessibility issues, here are the fixes:

  • Wrap the <section/>s in a <main> tag.
  • Add an <h1> with the following styling --
position: absolute;
width: 0;
height: 0;
opacity: 0;

This is needed for SEO.

  • According to the report, the type attribute is unnecessary for JavaScript resources, so make sure to remove it from the script.

Hope this helps :)

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