Stats preview card component

Solution retrospective
How to color an image? Is there any alternative. Please review my code and let me know if there is any suggestions! :)
Please log in to post a comment
Log in with GitHubCommunity feedback
- @PhoenixDev22
Hello Chetana,
You did excellent work on this one . For your question , I may suggest to :
1- Give the
card-img
abackground-color: hsl(277deg 64% 61%);
, also give itdisplay: block;
that removes the little gap under the image.2- Use the
mix-blend-mode: multiply
instead offilter
.That would help to look quite similar to the challenge
Best practices:
- It's better to use single class selector to style the HTML element to reduce specificity.
One more thing, use CSS reset in each project that makes browsers render all elements more consistently.
Aside these, your solution is great.
Marked as helpful - @KaptainCS3
In order to color the images use background-repeat: no-repeat; top: 0; background-blend-mode: multiply; background: hsl(277, 64%, 61%); hope this helps you
Join our Discord community
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