Skip to content
Submitted almost 4 years ago

Stats preview card made using HTML and CSS flex

Tom•115
@Tom2612
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

My first completed project. Really enjoyed applying some of the principles I have been learning! I would like feedback on:

How to get the right color overlay for the image as I can't seem to fine-tune it to the same purple;

When in mobile mode, I can't get rid of the margin of the bottom h3 element, despite using @media query of h2 in the form: .headings:last-child { margin: none; } This doesn't take the margin off it.

Otherwise, thank you for looking and if you spot anything I didn't, I'm happy to receive feedback!

Code

Please log in to post a comment

Log in

Community feedback

  • Ritesh_Gupta•520
    @b4n1y4

    For color, you should use the following code: mix-blend-mode: multiply; on your #overlay element. Try this and tell me if it works...

    Marked as helpful

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