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

Responsive Interactive Rating Component

Ted Bankongβ€’ 250

@tedobanks

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


Built with HTML, CSS & JavaScript

Community feedback

@MaximilianoDanielGarcia

Posted

Hi Ted, good job!

It looks great already and submit button works right. My suggestion for improve your component is this:

.container {
    background: radial-gradient(circle at 50% 0%, hsl(213, 19%, 18%), hsl(215, 27%, 12%) 70%);
    padding-inline: 10px;
    border-radius: 30px;
}

@media only screen and (min-width: 540px) {
    .container{
        width: 400px;
    }
}

After apply this it will look better.

Marked as helpful

0

Ted Bankongβ€’ 250

@tedobanks

Posted

@MaximilianoDanielGarcia Thank you so much, I'd definitely try this out!πŸ˜πŸ‘Œ

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