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 Solution

@umutcankocamis

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


Hello Community, I couldn't change the background color of the image. Can someone tell me why I can't change it?

Community feedback

@Call4julius

Posted

Apply background-blend-mode: multiply to your card holding the image. That way the card background-color will be blended with the image.

0
raya 2,850

@rayaatta

Posted

Hello Umutcan, congratulations on completing this challenge 🎉

I have some advice. 1 Consider always using the mobile first workflow where you first make your page for mobile devices and advance to larger screen sizes.

2 In order to make your solution look closer to the design,add

mix-blend-mode:multiply;

To the css for .card

The mix-blend-mode property is used to define how the blending should occur between the background of an element and its content, or between overlapping elements. It affects the way the colors of the elements interact with each other.

I hope this helps 🙃 Your solution is nice👏 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