Por Que o Flexbox Existe
Deslize para mostrar o menu
Flexbox, abreviação de Flexible Box Layout, é um módulo CSS projetado para simplificar o alinhamento, a distribuição e a organização de elementos dentro de um contêiner.
Flexbox utiliza uma relação pai-filho. O pai é chamado de flex container, que controla o layout. Os filhos são chamados de flex items, cujos tamanhos, posições e ordens podem ser controlados utilizando propriedades do flexbox.
O Flexbox se comporta de maneira diferente dos elementos de bloco e inline. Ao contrário dos elementos de bloco, os flex items não se empilham verticalmente; eles se alinham em uma linha ou coluna por padrão. Além disso, as margens nas bordas do contêiner não se estendem além de seus limites.
Flexbox em Ação
O Flexbox funciona alinhando itens ao longo dos eixos do flex container. Para habilitar o Flexbox, basta aplicar a propriedade display: flex; ao elemento pai. A partir daí, é possível personalizar como os itens se alinham e se distribuem dentro do contêiner.
index.html
index.css
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
