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

@snhodade

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@saifion33

Posted

Hi sheema.

Your solution is nice. If you want to improve here is some tips.

  1. Wrap <div class="container"> main tag <main><div class="container">your code</div>

  2. Use Overpass font family that is mention in style-guide.md. for <h1> use font-weight 700 and for <p> use 400 font- weight

  3. In style.css instead of .container ul li button use .button directly and add cursor:pointer property

I hope you find this helpful.

Happy Coding

Marked as helpful

0

@snhodade

Posted

Hi! I would appreciate it if you could review my work and give feedback. Your feedback is very important to me, thanks.

0

@snhodade

Posted

@snhodade Thank you for your valuable suggestions. Will apply these changes for sure

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