Skip to content
Submitted over 3 years ago

Stats preview card component with HTML5 and CSS3

Joseph•770
@Jos02378
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

Hi! I want to ask several question about my solution.

  1. is it better to code the mobile pages first then the desktop pages, or is it better to code the desktop pages first then the mobile pages?

  2. Is there any suggestion on how to make the card to be responsive?

Thank you!

Community feedback

  • Brendan•170
    @brendanmaddenPosted over 3 years ago

    Hey Joseph!

    Nice work on this. It looks responsive to me! I notice though that there is a red border on the wrapper after the media query!

    Also, in order to get the color right on, you might want to try the "mix-blend-mode: multiply;" property!

    I hope this helps!

    Good luck!

    Marked as helpful
    1
    Joseph•770
    @Jos02378Posted over 3 years ago

    @brendanmadden Hey Brendan, thank you for telling me how to get the color right. I was confused at first how to get the color to be the exact one like in the design. I will implement the property "mix-blend-mode: multiply;" to my code. Thank you for your comment, I really appreciate 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