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

stats-preview-card-component

@hameedmodibbo

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


I find doing the filter on that image difficult so i didn't do it please someone tell me how you do your own

Community feedback

@ChriCass

Posted

a linear-gradient could be useful for the filter ;) here an example using a variable: :root{ --linearGradient: linear-gradient(120deg , hsla(277, 98%, 20%, 0.568) 0% , hsla(277, 100%, 36%, 0.486) 100%) ; }

.your_image_container{ background-image: var(--linearGradient) , url(./images/image-header-desktop.jpg) ; }

Marked as helpful

1

@hameedmodibbo

Posted

@ChriCass Thanks bro

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