Skip to content
Submitted about 2 years ago

stats-preview-card-component

marsha•210
@Nestamash
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

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

  • Muhammad Huzaifa Ghori•160
    @Huzaifa1910Posted about 2 years ago

    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
    @NestamashPosted about 2 years ago

    @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

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