Submitted about 2 years ago

Interactive Rating Component using HTML, CSS (Sass) and Javascript

accessibility, sass/scss

Elijah•320

@taco-neko

A solution to the Interactive rating component challenge

Preview Code

Solution retrospective

I cannot for the life of me get the image on the thank you state to load. I'm using a template literal to generate the HTML for it, and it works locally, so I don't know what the issue is at all.

I really struggle with refactoring my code. I wanted to make the site as easy to navigate with keyboard as possible, but it made it very difficult to code, and so it's kind of a mess. If anyone has advice on refactoring I would really appreciate it.

Code

Please log in to post a comment

Community feedback

Davis•350

@davislocs

Posted about 2 years ago

Hey. Im not 100% sure about this, but try uncomment this part of HTML code and image should show up.

<div class="container thanks-state">
   <img class="thanks-image" src="/images/illustration-thank-you.svg">
   <p class="selected">You selected Add rating here out of 5</p>
   <h1>Thank you!</h1>
   <p>
     We appreciate you taking the time to give a rating. If you ever need more support,
     don't hesitate to get in touch!
   </p>
 </div>

If you found this helpful mark it as such :)

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