Design comparison
SolutionDesign
Solution retrospective
How can i improve it??
Community feedback
- @andreich1980Posted over 2 years ago
You make things responsive via media-queries: you instruct your browser like this: when screen width is greater than X, make the width (or anything else) of the component Y.
There's a problem with you solution. On wide screens rating buttons look like ovals, not like circles. To fix that you'd give
.circleDiv
class fixed width and height, i.e.50px
looks like your intended size but never changes on wider screens.I didn't understand about "how to change bg color of the selected rating" question.
Other than that - you did a good job.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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