Skip to content
Submitted almost 3 years ago

css, flexbox, media queries

Marc Neumann•60
@NewMeeDev
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

Hi there,

feel free to analyse and use my code. your feedback is very welcome.

Thanks!

Community feedback

  • darryncodes•6,370
    @darryncodesPosted almost 3 years ago

    Hi Marc,

    Really appreciate this solution, nice work!

    As an alternative to the overlay you can try:

    • you could try adding a solid linear-gradient to a background image: background-image: linear-gradient(hsl(277, 64%, 61%), hsl(277, 64%, 61%) ), url(../your/image-filepath);
    • you'd also need to explore background-blend-mode. (multiply usually does the trick)

    All the best!

    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