Skip to content
Submitted over 2 years ago

Interactive Rating Component

Jordan•50
@JordanAdair
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

Any idea why the preview doesn't look like the live code?

This felt super forced, especially in the CSS department. Any and all tips are welcome.

Community feedback

  • PryceIsRight•100
    @PryceIsRightPosted over 2 years ago

    Hello! One thing I'd recommend is avoiding viewport units unless you have an element where the width or height should depend directly on the size of one's viewport, which is what makes viewport units useful compared to percentages which behave similarly but are calculated based on the parent element rather than the user's viewport (which can vary drastically). For example your card looks good on a larger monitor! but It breaks quite a bit on a smaller viewport.

    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