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 Card – Flexbox and Breakpoints

Jeff 80

@jcombs0929

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


I welcome any feedback on how to improve responsiveness of my code. Thank you!

Community feedback

Anthony 355

@ACdev27

Posted

It looks like when it is a mobile view your main headline (card__header) actually gets bigger, and seems too big. In your code you have a media query (breakpoint max-width: 1000px) which is actually making it a bigger font size, when I think you should go with a smaller font size at that breakpoint

Marked as helpful

0

Jeff 80

@jcombs0929

Posted

@ACdev27 Thank you for your feedback. That was an intentional adjustment given that I increased the font size for the stats when they stack. I do agree that the header shouldn't increase in size in this case. So, I removed the media query for it along with those for the stats to maintain a proper hierarchy. Thanks!

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