Four Card Section

Community feedback

• 

  P

  mohamed-fathy3010•160

  @mohamed-fathy3010

  Posted 8 months ago

  Good Job finishing the challenge. you done the hardest part which was the card alignment but it misses some padding and font-size change.

  one thing i noticed though is that you don't need to fix the card alignments with margin like this line

  .card:nth-child(1) margin-top: -1.5rem

  you can do that by having a flex row with three items which are

  card - group(div or something) containing two cards - card

  after that give the flex container align-items:center and the flex items flex: 1 0 33.33% and if you even want a better flow for all break points try using grid.

  Congrats and happy coding.

  00