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

marsha 210

@Nestamash

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 was unable to design the mobile layout on this project, I would like to know how I could have achieved that. Any suggestion for my code is highly appreciated. Thank you for your assistance in advance.

Community feedback

@Huzaifa1910

Posted

Hello Marsha! hope you are doing well

I have checked your design in the mobile preview here are some useful tips to improve that: Check out display: flex learn flex-direction and all of display flex-related CSS and use some @media query,

THANKS, AND REGARDS

HAPPY CODING!

0

marsha 210

@Nestamash

Posted

@Huzaifa1910 Thank you Huzaifa, I went ahead and learned flexbox and I was able to use the flex-direction: column-reverse; to achieve my goal I was also able to get rid of my margin using the flex: 1; and gap property. Thank you again for the insight. You can look at my code I've updated it. Thanks alot.

1

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