Interative card

Congratulations on completing the challange!

Here are some things that i noticed that may improve the look of it

As per the design i think you forgot to add the :active state to the input tags. try adding this to your .grade class

.grade:hover {
       background-color: hsl(216, 12%, 54%);
       color: hsl(0, 0%, 100%);
}

.grade:focus {
       background-color: hsl(25, 97%, 53%);
       color:hsl(0, 0%, 100%); 
}

Also, check style-guide.md for specific color and fonts used in the design provided so that you can get a closer end results to the design.

Hope this was useful

HAPPY CODING