Submitted almost 3 years ago

Flexbox, HTML, CSS, JS solution

@rhyuen

A solution to the Interactive rating component challenge

Solution retrospective

I couldn't get the list of choices to align with the left edge of the card using flexbox and justify-content: 'space-around'. flexbox and justify-content: "flex-start" with a hard coded margin-right also didn't look quite right, so I went with the former.

The background colour for the rating choices didn't seem to match any of the colours in the style guide so I extrapolated using the second darkest blue, the card's colour.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Robert'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