Skip to content
Submitted over 3 years ago

Stats Preview Page with HTML and CSS

Khang Duong•10
@khangbeo
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 did this for desktop first. Haven't figured out how to do mobile yet. Feedback welcome. I have to go back and change some stuff, but I'm proud of my first challenge attempt. I will resubmit a responsive, mobile-first design once I learn how to.

Community feedback

  • Dinesh•1,115
    @Dinesh1042Posted over 3 years ago

    Hi, KHANG DUONG! Fantastic work on your first challenge

    • You can have a overlay on the image element and use mix-blend-mode:multiply on the overlay change the opacity to opacity:0.75; to make it look like design.

    • I Suggest you to have a look on Mediaquery documentation. to make it responsive

    Great work!😍 Happy Coding💪

    0
  • RIDUAN HOSSAIN NIAM•100
    @rhniamPosted over 3 years ago

    you can use mix-blend-mode to overlay the purple color in your image.

    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