3.8 KiB
3.8 KiB
title | localeTitle |
---|---|
CSS Flexbox | Flexbox CSS |
Flexbox CSS
Esse conjunto de desafios ensinará os fundamentos do uso de contêineres flexíveis. Os desafios são:
- Use display: flexionar para posicionar duas caixas .
- Adicione Flex Superpowers ao Tweet Embed .
- Use a propriedade flex-direction para criar uma linha .
- Aplique a propriedade flex-direction para criar linhas no Tweet Embed .
- Use a propriedade flex-direction para criar uma coluna .
- Aplique a propriedade flex-direction para criar uma coluna no Tweet Embed .
- Alinhar elementos usando a propriedade justify-content .
- Use a propriedade justify-content no Tweet Embed .
- Alinhar elementos usando a propriedade de itens de alinhamento .
- Use a propriedade de itens de alinhamento no Tweet Incorporar .
- Use a propriedade flex-wrap para agrupar uma linha ou coluna .
- Use a propriedade flex-shrink para reduzir itens .
- Use a propriedade flex-grow para expandir itens .
- Use a propriedade de base flexível para definir o tamanho inicial de um item .
- Use a propriedade flexível de taquigrafia .
- Use a propriedade Ordem para reorganizar itens .
- Use a propriedade auto-alinhamento .