3 column preview card component using flex

Community feedback

• 

  mona Elshikh•510

  @MonaElshikhPosted about 2 years ago

  Hi there, Great work :) Congats for your first challange :)

  • In your main container [.main_container] you need a small modification just remove the max-widht
  • And in [.column] class you need to do 2 two things: First : remove the height Second : set a suitable width 300px for example and it will fit you can check my solution here :

  https://www.frontendmentor.io/solutions/3column-preview-card-component-solution-using-flex-box-IslejdIZH

  I hope this is helpfull :)

  Marked as helpful

  0

  ---

  

  Dihmoss•40

  @MosesKipyegonPosted about 2 years ago

  @MonaElshikh Hi Mona I made the changes you suggested and it looks even better now.

  I thought setting a max-width makes sure that the design doesn't go past a certain length which is good for different viewports the design might find itself in?

  0

  

  mona Elshikh•510

  @MonaElshikhPosted about 2 years ago

  @MosesKipyegon , Hi

  Your are right about setting the max-width but this is for images to not go out of it's container.

  0