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

@vedant027

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


Any Suggestions for Improvement ?

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Your project looks great, my friend!

The only improvement I'd suggest is to give your card items a slightly bigger gap between them. Other than that, it's great!

Hope it helps!

0

@vedant027

Posted

@danielmrz-dev Thankyou for the suggestion. Do you mean by increasing the length of the container... a slight bigger is what u mean to say?

1
Daniel 🛸 44,230

@danielmrz-dev

Posted

@vedant027 I mean a vertical gap between the title, the text, numbers and the submit button.

You can do that like this:

.container {
    display: flex;
    flex-direction: column;
    gap: 15px;
} 

By doing that, your star image may grow, but if you set a width: 20px, it comes back to normal.

:)

0

@vedant027

Posted

@danielmrz-dev Will look into it. Thankyou buddy!

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