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

@y25sanchez

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


This is my first challenge using JavaScript, please if you have any advice or feedback it will be appreciated. Thanks for your time.

Community feedback

romila 3,570

@romila2003

Posted

Hi Yefri,

Congratulations 🎉 for completing this challenge, it was a great attempt however there are some issues regarding your HTML and CSS.

Instead of giving the container a margin of 19.6rem auto 5rem;, you could give use the flexbox property, to center the container, in the middle of the screen. Also, for your body, you could give the side a padding of around 20px, to prevent the card from touching the side of the screen.

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 0 20px;
}

Overall, great attempt and wish you the best for your future projects.

Marked as helpful

1

@y25sanchez

Posted

@romila2003 Thank you so much, I applied your recommendations. Have a nice day! thanks again.

1

@Eniola-Bakare

Posted

This looks good! Well done

1

@y25sanchez

Posted

@Eniola-Bakare Thank you so much!

1

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