Skip to content
OverviewSolutions
5
Comments
1
Nunc
@NuncEstBibendum

All comments

  • Bianca•145
    @Blanket25Submitted over 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
    Nunc•100
    @NuncEstBibendumPosted over 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