Skip to content
Submitted 8 months ago

Stats preview card component

Muhammad Saad Zeb•170
@MuhammadSaadZeb
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

What are you most proud of, and what would you do differently next time?

i will try to for next time my level best.. and next time i will make more nice then this

What challenges did you encounter, and how did you overcome them?

specially the image color is a challnge for me butt soooryy i cant change it becasue i dont find best solution for it

Community feedback

  • Daniel 🛸•44,310
    @danielmrz-devPosted 8 months ago

    Hey @MuhammadSaadZeb!

    Your project looks great!

    I also had a hard time trying the image coloring when I did this project, but I managed to do it like this:

    .image {
    background-image: linear-gradient(0deg, #7210af9c, #7210af9c), url('images/image-header-mobile.jpg');
    background-size: cover;
    height: 240px;
}

    There's also another option using a property called background-blend-mode, but I confess I don't know how to use it very well. I'm mentioning it because you might wanna look into it. 😊

    Hope it helps!

    Other than that, your project looks fantastic!

    Marked as helpful
    0
    Muhammad Saad Zeb•170
    @MuhammadSaadZebPosted 8 months ago

    hey @danielmrz-dev. thanks alote u teach me a great lesson .. thanks

    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