@madhavan-tsSubmitted 10 months ago
I have completed this as my 9th challenge in Frontend Mentors. I am glad to accept any feedback and suggestions regarding the accessibility and the techniques that I have used to develop the webpage.
I have learnt about the backgound-blend-mode and also the filter properties and also to make the overlay on the image I used the ::before pesudo selector
.card__img-container::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
filter: brightness(80%);
background-color: hsla(277, 64%, 61%, 0.5);
}