Rating Component Card w/ SCSS and JS -transform on submit
Design comparison
Solution retrospective
How did you all go about doing the cards background colors? No matter what I tried I couldn't make it match the design image with the colors they gave.
Community feedback
- @CyrusKabirPosted over 2 years ago
Hello my dear friend ♥ everything is good but only problem here is accessibility issue with keyboard, I mean If I do not have a mouse, I can not work with your component
Marked as helpful0 - @solvedbiscuit71Posted over 2 years ago
Hi Andy, I used radial-gradient() for the background which looks close to the design
.card { background-image: radial-gradient(circle at top,hsl(210, 19%, 18%) 0%,hsl(215, 23%, 14%) 50%, hsl(215, 27%, 12%) 100%); }
Check: https://www.frontendmentor.io/solutions/interactive-rating-component-with-vanilla-js-sass-3UZIEGY9H
Hopefully, that solves your query.
Marked as helpful0@AndyAshleyPosted over 2 years ago@solvedbiscuit71 Man, I didn't even think of that haha! Thanks for the tip!
0
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