Submitted over 3 years ago

Rating Component Card w/ SCSS and JS -transform on submit

sass/scss

Andy•520

@AndyAshley

A solution to the Interactive rating component challenge

Preview Code

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.

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

CyrusKabir•1,885
@CyrusKabir
Posted about 3 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 helpful
Praveen Perumal•740
@solvedbiscuit71
Posted over 3 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 helpful

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