Interative card

Community feedback

• 

  Muhammadh•1,140

  @Mr-jawPosted almost 2 years ago

  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

  Marked as helpful

  1