Skip to content
Submitted over 1 year ago

3 Car Cards - My first attempt at responsive CSS

Garf228•90
@Garf228
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

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 :-)

Code

Please log in to post a comment

Log in

Community feedback

  • hilla•810
    @hilla10

    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

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