Skip to content
Submitted about 3 years ago

Stats preview card component using Flex

Alan•60
@AlanBoulesteix
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

Hello everyone, it's my first time submitting my solution, so if you have any feedback I'll be glad to hear it.

I couldn't find a good solution to put a purple filter on the picture without using <img> so if you know how to do so let me know.

Community feedback

  • Ricardo•110
    @RyXkciPosted about 3 years ago

    What I did was use the image as the background of a section, and inside that section I made a div with a class of overlay. In css I called that class, set the width and height 100%, set the purple colour and then opacity to make it more transparent. I didn't get the perfect colour though.

    Marked as helpful
    1

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