Skip to content
Submitted over 3 years ago

Responsive layout using CSS Flex

Akshay minz•320
@AkshayV30
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

Tried my best to make it an responsive webpage by just using only HTML & CSS.

Community feedback

  • Vanza Setia•27,775
    @vanzasetiaPosted over 3 years ago

    👋Hi Akshay kumar minz! My name is Vanza!

    I have some feedback, that really improve this solution:

    • Setting the card-base with width: 55%, on the mobile screen (360px * 640px) makes the card looks narrow. Try to use padding on body to prevent the card touching the corner screen.
    • For the cardImage, setting a height: 350px makes it looks small on bigger screen (you can see that on the design comparison). I recommend use min-height.

    That's it! Hopefully this is useful for you!

    Happy Coding!

    Marked as helpful
    0
    Akshay minz•320
    @AkshayV30Posted over 3 years ago

    @vanzasetia Thank you for advice. I will try fixing my code.

    0

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