Skip to content
Submitted about 3 years ago

Better cs selectors and mobile version

Magda•50
@magude6
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I added the mobile version style and changed the selectors a little to create a clearer view of the code. Still no idea how to do the picture on the right!

Community feedback

  • palharesmagnon•85
    @palharesmagnonPosted about 3 years ago

    Hello, very nice work, your image look's very close to the design. If you looking for another way to solve this blend mode problem, you can try background-blend-mode: multiply. However, you'll need set a background-color before:

    background-color: hsl(277, 64%, 61%);
background-image: url("path/to/the/image.jpg");
background-blend-mode: multiply;
opacity: .7;
    0

Please log in to post a comment

Log in with GitHub

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