Skip to content
Submitted about 2 years ago

Interactive Rating Component using CSS Flex-Box

Nenkimwa Kangdim•90
@Fanuel369
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 tips on how to improve my design ?

Community feedback

  • Rachit Patel•540
    @rachit0706Posted about 2 years ago

    Hey, It was a great attempt but I found a few issues in your solution:

    1. Your component is showing the thanyou phase even if a rating is not selected. You should alert the user if they have not selected a rating.
    2. I would suggest you to use flexbox for the "buttons" div so that the rating buttons can be properly placed in a row.
    3. Your design is not mobile friendly. Use media queries for that.
    Marked as helpful
    0
    Nenkimwa Kangdim•90
    @Fanuel369Posted about 2 years ago

    @rachit0706 Thanks I will work on that

    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