Skip to content
Submitted over 2 years ago

Interactive rating component

karan karan•30
@karanbadhwar
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

Hello Guys, I hope you all are doing good. I made this app without React, and please do let me know What else could have I done with the CSS, because I struggle in CSS somewhat? I apologize in advance as I am a newbie here, if I missed something

Community feedback

  • Raj Prasad Sanjel•980
    @RajSanjelPosted over 2 years ago

    Suggestions-:

    • Use semantic html read about it here.
    • You can center your design by
    body{
    min-width:100vw;
    min-height:100vh;
    display:grid;
    place-items:center;
}
    • There is a bug in the code. When user clicks on multiple rating and clicks submit it show all the number. If I click on 2 then 3 it says you have rated 23.
    Marked as helpful
    1
    karan karan•30
    @karanbadhwarPosted over 2 years ago

    @RajSanjel thankyou sir, I actually started coding again after 3 months I am just trying to get back. I will try to write semantic Html from now onwards. Thankyou for the feedback sir

    0
    Raj Prasad Sanjel•980
    @RajSanjelPosted over 2 years ago

    @karanbadhwar Its my pleasure to help.

    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