Skip to content
Submitted over 2 years ago

HTML5, CSS, Javascript, Flexbox

Guillermo Santos•10
@guillermoSb
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

  • 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

  • Gilberto Fernández•60
    @gfernan24373Posted over 2 years ago

    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

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