Submitted over 2 years ago

Responsive Product Preview Card Component using Flexbox

Asther Marie Moreno• 30

@AshM10

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What I learned

Still getting the hang out of using flexbox. I used to always use bootstrap for grids, and this time I did not use it.

Community feedback

faizan• 2,420

@afaiz-space

Posted over 2 years ago

Hey @AshM10, congratulation on completing the challenges. I noticed some issues.

Replace height:100vh with min-height:100vh in body element.
Remove min-width:600px and replace width:30% with width: 40rem; in card class.
Replace height:400px with min-height:20rem in left-side class of media query

Marked as helpful

Asther Marie Moreno• 30

@AshM10

Posted over 2 years ago

@afaiz-space Thank you so much! I did the adjustments! ❤️

faizan• 2,420

@afaiz-space

Posted over 2 years ago

@AshM10 your wellcome

Please log in to post a comment

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