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_FrontEndMentor

yash-15-d 40

@yash-15-d

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


1.What did you find difficult while building the project?

  • I think the submit button part has some issues although it works fine but it still not absolutely correct .

Community feedback

@anderson-fndz

Posted

your code is fine, it's functional and without apparent bugs, but there are points in the css that can be improved:

  • img
   .icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #262F38;
    }
  • main
main{
    width: 400px;
    height: 415px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    border-radius: 35px;
    background-color: #1F2630;
    color: #ffffff;
}

and you can try using flexbox to make the spacing part of the elements inside the divs easier

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