Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Stats Preview Card Component using flex

@Bidex-03

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Adding a gradient to an image from html

Community feedback

@Abdelrahman0Khaled

Posted

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 helpful

1
faizan 2,420

@afaiz-space

Posted

Hey @Bidex-03,

  • add background-color: var(--Soft-violet); and mix-blend-mode: softlight; in the image class.
0

@Bidex-03

Posted

@afaiz-space Okay Thank you

0

Please log in to post a comment

Log in with GitHub
Discord logo

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