Skip to content
Submitted over 1 year ago

Stats Preview Card Component Main

João Vitor•420
@jvssvj
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 my name is João Vitor and i have completed another frontend mentor challenge.🔗

How can i improve and reduce unnecessary code? Leave your comment. 🙂

Community feedback

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

    Hello JOÃO,

    Great work there! Only thing i'd like to add is that as an alternative to opacity, filter etc. you have used to edit the tone of the image, there is a nice trick you can use 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
    0
    João Vitor•420
    @jvssvjPosted over 1 year ago

    @visualdenniss Thanks for the tip buddy, I'll fix it

    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