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

toggled display to show thank you screen. for loops for rating circles

@tthephas

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


could use some help on what i did wrong on the thank you container and centering the items easier, had to use margin on every segment, figure i did that wrong. also maybe an easier way to pull the RATING user choice out of the front screen and bring to the thank you screen better. not sure i did easiest way.

Community feedback

Account Deleted

Congratulations on completing the challenge

You also should stop using <div> so much and use more semantic HTML. HTML landmarks are important for adding structure to your page and landmarks such as <header>, <main>, <nav> and <footer> aid navigation in assistive technologies such as screen readers and for keyboard accessibility. You should wrap your markup in <main> , if you decide to keep the attribution in future wrap it in a <footer> element.

Page must have a level one heading <h1> and the can be multiple <h1>'s on a page. You should wrap "How did we do " and "Thank you" in a <h1> each. You should use <p> for the telltext class not <div>.

You have not properly implemented the <ul>(unordered list), proper use would be

<ul> /* list container */
    <li></li> /* list items */
    <li></li>
    <li></li>
    <li></li>
</ul>

I would suggest you read the mdn(mozilla developer network) form guides as this challenge would be better completed using a form with radio or check buttons and client side validation. if you do not know about it, it is a great free resource.

id is a unique identifier, it can only be used once one one element.

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