Karim Ayman• 320
@KarimAyman97
Posted
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
@umutcankocamis
Posted
@KarimAyman97 Thank you Karim! It worked
0