align-items

flex

Controla o alinhamento dos items no eixo principal, por padrão alinha na vertical

(1) container flex sem alinhamento

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo placeat laudantium facere? Eum hic eius labore consequatur? Minus, rerum esse! Nesciunt, animi! Optio, quaerat. Sint vel cumque provident necessitatibus neque!

Pariatur corporis totam sapiente, aliquam placeat sit accusantium dolorum mollitia maiores velit adipisci inventore incidunt laudantium sed expedita iure ullam excepturi deserunt.

Perspiciatis, possimus dicta voluptatem cumque non quasi natus earum temporibus voluptatibus

(2) container com align center

Pariatur corporis totam sapiente, aliquam placeat sit accusantium dolorum mollitia maiores velit adipisci inventore incidunt laudantium sed expedita iure ullam excepturi deserunt.

Perspiciatis, possimus dicta voluptatem cumque non quasi natus earum temporibus voluptatibus

(3) align top - flex-start

Pariatur corporis totam sapiente, aliquam placeat sit accusantium dolorum mollitia maiores velit adipisci inventore incidunt laudantium sed expedita iure ullam excepturi deserunt.

Perspiciatis, possimus dicta voluptatem cumque non quasi natus earum temporibus voluptatibus

(4) `align-items:flex-end`

Pariatur corporis totam sapiente, aliquam placeat sit accusantium dolorum mollitia maiores velit adipisci inventore incidunt laudantium sed expedita iure ullam excepturi deserunt.

Perspiciatis, possimus dicta voluptatem cumque non quasi natus earum temporibus voluptatibus

source-code