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, BEM, CSS, HTML

@criscol64

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


how can I improve the filter part?

Community feedback

Luis Colina 1,043

@Comet466

Posted

hello Cristhian good job on this challenge to make the filter to the image you use a property called "background-blend-mode: multiply" with her you can declare 2 properties (in this case a image and a color) and combined in the background or blend it better said, you media querie is a little out of reach for desktop version min-width:1440px is way too big for a desktop i had to open the console i changed myselft to be able to view the viewport on my browser, change it to max-width:1040px and it would be way more accesible, other than that good use of grid and of the position property, happy coding

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