Four cards section with Flexbox desgin

Community feedback

• 

  bikeinman•1,080

  @BikeInManPosted almost 3 years ago

  @2div I've checked your solution. Nicely done with grid and flexbox. Maybe you did not need flex on individual columns again to center the cards. You could have simply used align-self:center on col1 and col3. That's what I did.

  Marked as helpful

  0

  ---

  

  2div•170

  @2divPosted almost 3 years ago

  @BikeInMan

  Your tips opens my eyes to focus on my design and its really made me think how improve my code.

  first i used the flex on .col class because in col 2 there 2 cards and i need to apply row-gap , that why i applied flex. but with your tip and learned the slef-algin property which i never use it before. Your tip made think about the gap issue and how to solve , i did solved by using .red class to target the first card in col 2 to make margin bottom so that i do not need to use row-gap nor need to give all card margin-bottom.

  i appreciated your tip and Thank you

  0

  

  bikeinman•1,080

  @BikeInManPosted almost 3 years ago

  @2div I am glad you that you really thought about it and found it useful.

  Marked as helpful

  1
• 

  2div•170

  @2divPosted almost 3 years ago

  Dear community ,

  This is my first project challenge on Frontendmentor , i am still learning HTML/CSS.

  I have used gird layout to solve this challenge but i do believe my solution not very good. Kindly few my solution and give me your feedback and tips so that i can learn and improve.

  Thank you

  0