You did well with this challenge , well done.
- try playing around with
background-blend-mode
on this class to try to match the picture colour
card__image {
width: 50%;
/* background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(170,92,219,0.35)), to(rgba(170,92,219,0.35))),url(../img/image-header-desktop.jpg); */
background-image: linear-gradient(rgba(170,92,219,0.35), rgba(170,92,219,0.35)),url(../img/image-header-desktop.jpg);
background-size: cover;
background-position: center;
background-blend-mode: overlay; //try adding this or any of the other values
}
Marked as helpful
@darryncodes
Posted
Hi @ChamuMutezva thanks a lot. Great advice, I didn’t know that property existed!