Skip to content
Submitted over 2 years ago

Interactive Rating Component

Kaung Zin Hein•720
@K4UNG
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

I've been wanting to try out Sass and this challenge seemed like a perfect place to start so I did it and it was awesome. I also got to practice more with transform properties and overall, it was a great experience. I'd love to hear you feedbacks and suggestions on how I can improve further. Happy Coding!

Community feedback

  • Prabhash Ranjan•2,540
    @besttlookkPosted over 2 years ago

    HI, Great work. Really loved the idea of card flip. I wish i had though of this while making mine.

    There is just one thing i like to point out(tho its not that much of a issue): "You selected 3 out of 5" this part needs some padding and also it has some alignment issue.I doeenot look in the middle. Try giving different padding to top and bottom(like: padding-top:3px & padding-bottom:2px)

    Other than that its looks great.

    Here is mine: https://rating-rem.herokuapp.com/

    I would also love to implement flipping. Thanks for the idea.

    Feel free to give your feedback.

    #happyCoding

    1
    Kaung Zin Hein•720
    @K4UNGPosted over 2 years ago

    @besttlookk It does have a vertical padding of .3em. Maybe it's because of the upper part of the text. I'll look into it. Thanks for your feedback and good luck with the flip implementation.

    0
    Prabhash Ranjan•2,540
    @besttlookkPosted over 2 years ago

    @K4UNG I implemented card flip in mine too. :)

    https://rating-rem.herokuapp.com/

    Thank U

    0

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