Submitted almost 3 years ago

Interactive Rating Component using React and Styled-Components

react, styled-components, motion

Mahmoud•150

@Mamouty

A solution to the Interactive rating component challenge

Preview Code

Solution retrospective

I have noticed that despite using the centering techniques for elements, I still didn't get the numbers inside list components exactly centered.

I used the flexbox for centering:

    display: flex;
    justify-content: center;
    align-items: center;

The same problem for the message that should tell the users what number they selected. They are a bit above the ideally centered line. Can someone explain to me what I did wrong?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Mahmoud's solution.

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