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

3 Car Cards - My first attempt at responsive CSS

Garf228 90

@Garf228

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


At some display widths, the cards 'break'.

In other words, 1 or 2 of the cards have a different size than the rest.

What could I change in my code to prevent this?

Thank you in advance :-)

Community feedback

hilla 810

@hilla10

Posted

i preview you code and it's great job! but i have one suggestion on the flex box when the screen size to be under 802px the size of the box will crush you can fix by removing align-items property! and you have to take the min-height property and add to body the use the flex-box on the body element by doing this you can fix the issue. I hope that will help you! if it's hep let me know.

Marked as helpful

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