All comments

• 

  Bianca• 145

  @Blanket25

  Submitted almost 3 years ago

  I tried to align the purple cards with "align-items" and "align-self"(on the desktop version), but it didn't work...I had to use margins....Would someone explain me why it wouldn't work? Thanks!

  

  Mobile-first solution using CSS Flexbox

  1

  1

  0

  

  Nunc• 100

  @NuncEstBibendum

  Posted almost 3 years ago

  Hi !

  To align the purple cards in a flex container, you can indeed use "align-self" with "flex-start" for the first card, "center" for the second and "flex-end" for the last. You also have to set a "height" (height: 300px; for instance) to your card container (div class="reviews" in your case) to make it work. If you don't set a height, the container will be the same size as the cards and it won't work !

  Nice work and cheers :)

  Marked as helpful

  0

  This comment has received 1 replyShow