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

HTML, SASS

Saurabh VR 320

@saurabh1996-rex

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Anna Leigh 5,135

@brasspetals

Posted

Hi, Saurabh! Congrats on completing another challenge! 🎉

The coloring on this one is tricky! You're very close to getting the coloring just right:

  • First, put the image inside the .container_2, not as a background-image. I suggest using a picture element for the images, which will allow you to change image sources at certain media queries.
  • Remove the background-blend-mode on .container_2, but keep the background-color set to the soft violet.
  • Then set mix-blend-mode: multiply to the image and also add a little opacity to get it just right.
0

Saurabh VR 320

@saurabh1996-rex

Posted

@brasspetals Thanks, lemme dive in.

Happy Coding, Stay Safe :)

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