Constructive Criticism would be welcome. This is responsive :D I also want to ask how to make the blue filter for the img? Thanks.
@ClaudioAt
Posted
Hi Lester! For the overlay on the image, I set a background colour (same as the accent purple colour you used for the word "insights") then on the image itself I played with two properties: mix-blend-mode and opacity. The result is identical to the original.
Marked as helpful
@Sk7867
Posted
Hi LESTER NIEL FONG,
Add <div class="overlay> inside img like this:
<div class="card image">
<div class="overlay"></div>
</div>
and give following properties to overlay:
background-color: rgba(153, 53, 216, 0.6);
height: 400px;
border-radius: 10px 10px 0 0;
Happy Coding!!
Marked as helpful
@Lester-Fong
Posted
@Sk7867 Thankyou so much it worked!!! :D
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
