Para iniciar a codificação em flexbox deve definir um container flex, para se tornar flexível isso vai ser definido pela propriedade display com valor flex.
- align-content - Modifica o comportamento da propriedade flex-wrap. É semelhante a align-items, mas em vez de alinhar itens flexíveis, alinha linhas flexíveis.
- align-items - Alinha verticalmente os itens flexíveis quando os itens não usam todo o espaço disponível no eixo cruzado.
- align-self - Especifica o alinhamento de um item flexível (substitui a propriedade align-items do contêiner flexível).
- display - Especifica o tipo de caixa usado para um elemento HTML.
- flex - Uma propriedade abreviada para as propriedades flex-grow, flex-shrink e flex-basis.
- flex-basis - Especifica o comprimento inicial de um item flexível.
- flex-direction - Especifica a direção dos itens flexíveis dentro de um contêiner flexível.
- flex-flow - Uma propriedade abreviada para flex-direction e flex-wrap.
- flex-grow - Específica quanto um item flexível crescerá em relação ao restante dos itens flexíveis dentro do mesmo contêiner.
- flex-shrink - Especifica o quanto um item flexível diminuirá em relação ao restante dos itens flexíveis dentro do mesmo contêiner
- flex-wrap - Especifica se os itens flexíveis devem ser agrupados ou não, se não houver espaço suficiente para eles em uma linha flexível.
- justify-content - Alinha horizontalmente os itens flexíveis quando os itens não usam todo o espaço disponível no eixo principal.
- order - Especifica a ordem dos itens flexíveis dentro do mesmo contêiner.
Faça parte da nossa comunidade!
Domine as tecnologias utilizadas pelas empresas mais inovadoras do mundo e encare seu novo desafio profissional, evoluindo em comunidade com os melhores experts.
