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 using CSS and JavaScript

SeanGrimes44β€’ 50

@SeanGrimes44

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Bizzareβ€’ 1,320

@godmayhem7

Posted

hey your code is absolutely amazing here are some tips to better your code inorder to perfectly center the content of your body tag try using this code

body{ display:flex; flex-direction:column; justify-content:center; align-items:center; } the rest is perfectπŸ‘ŒπŸ‘ŒπŸ‘Œ hope this helps πŸ‘

Marked as helpful

2
Mason Boomgaardβ€’ 180

@MasonBoom

Posted

Hey, good job on the project but there is just one thing I wanted to point out is that on desktop, the rating component floats pretty close to the top of the screen when it should be in the center. i see that you did margin: auto; in your css but sometimes auto doesn't do the vertical margins correctly. Try something like margin: 30vh auto (vh units are based on screen size)

Marked as helpful

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