Skip to content
Submitted 12 months ago

Vanilla HTML , CSS using flexbox + mobile version 🕊️😊🖤

Amgad Ezzat•160
@Amgadezzat-andro
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

actually i wasn't able to find the right solution for card color to the back ground so i used linear gradient instead ... so if anyone can suggest the right solution for card color ??!

Community feedback

  • dselimovic02•220
    @dselimovic02Posted 12 months ago

    You can check out my solution of this project to see how I got really close to the original. Long story short, I put a DIV in place of picture with background-color matching accent color and background-image matching that particular image. Then I have used background-blend-mode od multiply. The result was a little darker so I have covered it with another DIV of same size and background-color: accent and reduced opacity.

    Cheers!

    Marked as helpful
    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