Skip to content
Submitted 9 months ago

3 Car Cards - My first attempt at responsive CSS

Garf228•90
@Garf228
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

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
    @hilla10Posted 9 months ago

    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

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