Submitted over 2 years ago
Responsive Stats Preview Card Component using flex
@Bidex-03
Design comparison
SolutionDesign
Solution retrospective
Adding a gradient to an image from html
Community feedback
- @Abdelrahman0KhaledPosted over 2 years ago
hi friend bidex, It was a great attempt , ok .. about your question
add div in the div have img and this what i did and its worked with me ..
.div-have-img{ position: relative; } .div-have-img .new div{ width: 100%; height: 100%; background-color:( what you need ); position: absolute; opacity: 0.5; filter: (what you need ); }
Marked as helpful1 - @afaiz-spacePosted over 2 years ago
Hey @Bidex-03,
- add
background-color: var(--Soft-violet);
andmix-blend-mode: softlight;
in the image class.
0 - add
Please log in to post a comment
Log in with GitHubJoin 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