3 column preview card component

Community feedback

• Account deleted

  Hello Louise, you did good job here!

  I would like to suggest using flexbox responsiveness itself. If you add the property flex-wrap: wrap to the .container class (line 19) you won't need set the element to flex-direction: column; (line 21) and later you won't need as well to force your .container to go from column to row in the media query (line 110).

  Why ? Because your .container will place the cards in row mode by default if the viewport allows enough space and if not it will wrap them into a column.

  Marked as helpful

  0

  ---

  

  Louise Norrsén•140

  @louisenorrsenPosted over 2 years ago

  @alexcumplido Thanks! I will think of this in the future! =)

  0
• 

  NadiaFr•310

  @NadiaFrShLmPosted over 2 years ago

  Excelent match with design! How did you manage to make all the spacing and sizes to match perfectly?

  0

  ---

  

  Louise Norrsén•140

  @louisenorrsenPosted over 2 years ago

  @NadiaFrShLm Hi! I changed and adjusted the CSS a lot to match the design. Also I pay for premium so I can download a Figma-file to get more details about the design =)

  1