Skip to content
Submitted almost 3 years ago

SCSS,flexbox

Kev•100
@Kev-prog-debug
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

I'm having trouble of adding accent color-filter to the image. How can I do that ?

Community feedback

  • Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    Hi! Kev, I checked your work and I have noticed some issues.

    1. There is too much space in your text container, I mean look at the top of of Get Insight text and see your 10k+ and companies text have gap more than required and I saw you didn't use flexbox. so i suggest you to use flexbox so that you can easily manage the space and align your content correctly.

    2. For adding color-filter, you could have to use pseudo classes with mix-blend-color css property to make your design similar to preview one.

    There are some more css work needed to make it perfect and I hope you understand above issues and my suggestion might be helpful to you.

    Good Luck

    1
    Kev•100
    @Kev-prog-debugPosted almost 3 years ago

    @skyv26 Thank you for your feedback, Aakash. I fixed some of the issues that you've mentioned. Could you please check it again?

    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