3 Column Preview Card

Community feedback

• 

  Alaa Mekibes•940

  @alaa-mekibesPosted 8 days ago

  You did it, great job! Just a note regarding the width between 475px and 780px: there are some layout issues on devices with these widths. I think using a grid layout would work better than flexbox in this case. Alternatively, you can update the media query to something like this:

  @media (max-width: 850px) {
  	.main-container {
  		margin: 20px 0;
  		flex-direction: column;
  	}
  	.column {
  		margin: 0 auto;
  		width: 80%;
  	}
  	.sedans-column {
  		border-radius: 10px 10px 0 0;
  	}
  	.luxury-column {
  		border-radius: 0 0 10px 10px;
  	}
  }
  

  • Or you can use flex-wrap: wrap, like this:

  .main-container {
    margin: auto 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  

  0
• 

  Sergiy•1,130

  @MrSeagerPosted 8 days ago

  looks good. well done

  0

  ---

  

  John Q.•290

  @romrauqPosted 8 days ago

  @MrSeager Thanks!

  0

  

  John Q.•290

  @romrauqPosted 8 days ago

  @MrSeager Thanks!

  0