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

Responsive layout using CSS Flex

Akshay minz• 320

@AkshayV30

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


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

Community feedback

Vanza Setia• 27,795

@vanzasetia

Posted

👋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

@AkshayV30

Posted

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

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