Skip to content
Submitted 5 months ago

Rating card with css and vanilla js

Holger Mueller•410
@Holgermueller
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud that I was able to figure out how to use CSS to select both the previous and concurrent sibling elements for the hover event, using the :has() pseudo-class.

What challenges did you encounter, and how did you overcome them?

Figuring out how to select the previous sibling element for the hover event. It took a little bit of research to figure that one out.

What specific areas of your project would you like help with?

Any and all constructive criticism is welcome!

Community feedback

  • Diagne Makha•570
    @mbd89Posted 5 months ago

    good job this looks pretty good., you might want to add. body{ display:grid; place-items:center; } to center the card on the page

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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