Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats preview card component with HTML5 and CSS3

Joseph 770

@Jos02378

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@brendanmadden

Posted

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

@Jos02378

Posted

@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
Discord logo

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