Skip to content
Submitted over 1 year ago

Stats preview card component (use HTML & CSS)

Kayyrbek Perdebekov•130
@kayyrbeks
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

Hello, everyone! (｡･∀･)ﾉﾞ

Today I finished my next project and I used relative units in this project. What do you think about it? Did I use relative units correctly?

Thanks for attention! (❁´◡`❁)

Community feedback

  • visualdennis•8,375
    @visualdennissPosted over 1 year ago

    Another carbon copy! Amazing work Kayyrbek.

    For the color overlay effect on the image, you don't need ::before element. Here is a simpler trick to match the tones in design: just add the background-color to the img container: background-color: #aa5cdb; and then simply add mix-blend-mode: multiply; to the img itself. This will result in a nice duo tone effect.

    Hope you find this feedback helpful!

    Marked as helpful
    1
    Kayyrbek Perdebekov•130
    @kayyrbeksPosted over 1 year ago

    @visualdenniss Thanks Dennis for advice and amazing trick. I really didn't know about it 😅

    1
    visualdennis•8,375
    @visualdennissPosted over 1 year ago

    @kayyrbeks Glad to hear it was useful :)

    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