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

HTML5, CSS, Javascript, Flexbox

@guillermoSb

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


  • Is there a better way to handle responsiveness? I did it using 95vw but I feel there is a better option like: width: 100%; margin: auto 20px;

Community feedback

@gfernan24373

Posted

Great job!!! your did better than me! I think I forgot the responsive desing of my component on my challenge XD. But you can add a media querie to especify how you want to display the main container. You can use properties for: @media only screen and (max-width: 375px) { body { display: flex; justify-content: center: align-items: center: width: 100 vw; height: 100 vh; } }

Regards!!!

Marked as helpful

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