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 using Flex

Alan 60

@AlanBoulesteix

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 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

@RyXkci

Posted

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
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