Submitted over 1 year ago

Interactive Rating Component using flex-box, react and css-module

react, react-router

obasekiosa•120

@obasekiosa

A solution to the Interactive rating component challenge

Preview Code

Solution retrospective

For some weird reason I couldn't get the numbers in the rationing circles to align properly in the centre even with flex, without some ad-hoc use of paddings.

How can I go about solving that issue without using some magic number for padding

was thinking of making both states the same size. but decided not to. Did not want to have a fixed height for the component.

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

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