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 Page using Flex

@tkfrontendmentor

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


Trouble with responsiveness with widths between 375px and 800px. Was easier to switch to a column format.

Community feedback

Suleman 750

@legion40216

Posted

You could use grid display here for better responsiveness this way you can change the format of the image container and the main container in the order you want on mobile view.

Try to add padding on the main container

Marked as helpful

2

@TheyCallMePrem

Posted

Decent attempt but here are inputs from my side :

  1. The positioning of your main content is not centered 2.You need some padding on the main container 3.You haven't capitalized the "M" in " 12M+"
2

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