+ LINKS

CSS Avançado border-radius.
CSS Avançado Multiple Background.
CSS Avançado Background.
CSS Avançado CSS Colors.
CSS Avançado Flex Items.
CSS Avançado Media Query.
CSS Avançado RWD Vídeos.
CSS Avançado Flex Direction.
CSS Avançado Justify Content.
CSS Avançado Justify + Align Items.

Flex itens

Veremos aqui...

Flex itens:
1. flex
2. flex-grow: determine a taxa de crescimento dos flex itens.
3. flex-shrink: especifica quanto o item poderá encolher em relação aos demais itens.
4. flex-basis: especifica o comprimento inicial de um flex-item.
5. flex-order: A propriedade order especifica a ordem dos flex-items.
6. align-self: substitui o alinhamento padrão definido pela propriedade align-items do contêiner.

FILHO A

FILHO B

FILHO C

GROW 1

GROW 4

GROW 10

SHRINK 0

SHRINK 3

SEM SHRINK

SEM SHRINK sem shrink

basis 300px

basis 70px

basis 90px

sem self

self: center

sem self

self: end

self: start

sem order

A

D

C

B