Skip to content
Submitted about 3 years ago

Interactive Rating Component using CSS Flexbox & Vanilla JavaScript

Purnima Kumar•390
@purnimakumarr
A solution to the Interactive rating component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hey, I built this project with vanilla CSS & JavaScript. I used flexbox to build the ratings sections and one media query to fix the design a little for smaller devices & make it responsive. I'm not sure if I have used the best practices but I did the best I could.

Any feedback on how I can improve this project is welcome.

Thank you!

Code

Please log in to post a comment

Log in

Community feedback

  • Jon Wright•160
    @Dr-Wrong-Mo

    Honestly, it's a small enough project that I think the design works on pretty much any screen size.

    I would say that it still looks okay until you get to 300px. So the question is, how small of a screen do you need to support?

    According to this thread on ux.stackexchange.com, the minimum screen size you really need to plan on accommodating is 320px.

    I think your design is fine as is.

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