3-column preview card component

Community feedback

• 

  Gautam Sarkar•240

  @gautam-32b7

  Posted 5 months ago

  Hi there!

  Your solution looks amazing.

  .card:nth-child(1) .button:hover {
      color: var(--very-light-gray);
      border: 2px solid var(--very-light-gray);
      background-color: var(--bright-orange);
  }
  

  Change to

  .card:nth-child(1) .button:hover {
      color: var(--very-light-gray);
      outline: 2px solid var(--very-light-gray);
      background-color: var(--bright-orange);
  }
  

  Outline is a line outside of the element's border.

  I hope you find this helpful.

  11

  Marked as helpful