Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive Rating Component with display flex and js

Gielth 140

@Gielth

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


At first I was bashing my head against the wall trying to figure out how to make the rating part to change to the thank you message, and i bashed, and bashed, until searching and looking other stuffs on the subject I got an insight on using an css class to make that, after that was just a breeze in the park

overall, the design, might be a little smaller or off from the original, but it's pretty close, due to me not being able to use figma or sketch...

What are your thoughts on the solution? Any sugestions?

Thank you.

Community feedback

Aimal Khan 2,260

@Aimal-125

Posted

In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; for screens with small heights so that your web app look good on small screens.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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