3 Column Preview Card Solution

Community feedback

• 

  Karim Ayman•320

  @KarimAyman97Posted 10 months ago

  Hello Umutcan Kocamış Great Job!

  I would like to suggest a solution. Begin by setting a transparent border for each button initially. Upon hover, apply the desired color and adjust the border accordingly

  
  .sedans .learn-more {
          color: hsl(31, 77%, 52%);
          border: 1px solid transparent;  // give it initially transparent border
  } 
  
  
  .sedans .learn-more:hover {
    border-color: hsl(0, 0%, 95%);  // give it the desired colored border on hover 
    color: hsl(0, 0%, 95%);
    background-color: hsl(31, 77%, 52%);
  }
  

  Marked as helpful

  0

  ---

  

  Umutcan Kocamış•160

  @umutcankocamisPosted 10 months ago

  @KarimAyman97 Thank you Karim! It worked

  0