Skip to content
Submitted about 3 years ago

Mobile-first HTML / CSS Responsive design

Elena Martinez•80
@nenamartinez
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

Hey everyone! Is there a better way to style the background image? The gradient color overlay was eyeballed but I'm not sure that was the right solution. Any other constructive criticism is welcome. Thank you!

Community feedback

  • CyrusKabir•1,885
    @CyrusKabirPosted about 3 years ago

    hello my dear friend ♥ you did good and clean but here some tips :

    • for that overlay there is different way to achieve I just want mention that css filters & background-blend-mode you can google this terms and try it for adding overlay on image
    • try learn about different ways of centering in css
    • add more space (padding) to your card content (left section) like in main design
    Marked as helpful
    1

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