Skip to content
Submitted about 3 years ago

Stats preview card component - SCSS

sass/scss
P
Luciano Lima•1,270
@LucianoDLima
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I have no idea how to replicate the overlay color on top of the black and white image provided

Code

Please log in to post a comment

Log in

Community feedback

  • Danilo Arcidiacono•120
    @daniloarcidiacono

    Didn't try this challenge yet, but I can think of two ways to tint the image with CSS:

    1. Using a suitable combination of filters (see https://codepen.io/sosuke/pen/Pjoqqp);

    2. Applying an overlay (with position absolute/relative) with a semi-transparent background color;

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