Interactive Card Details (Bootstrap v5.2, SCSS)

Hi Khánh, congratulations on completing this challenge.

I give you a little snippet to apply a gradient only on the border of an element

The first gradient should match the background of your component and the second is the gradient for the border but it is actually the background of the component clipping throught the transparent border.

.border-gradient {
  background:
    linear-gradient(to top left,#fff,#ffd) padding-box
    linear-gradient(to top left,blue,red) border-box;
    
  border-color: transparent;
}

I hope it helps you.

Have a good day/night. Peace ✌️