Galera, fiquei com algumas duvidas da como usar o flex box, entendi mto superficialmente e não ao ponto de conseguir fazer algo por conta própria.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Galera, fiquei com algumas duvidas da como usar o flex box, entendi mto superficialmente e não ao ponto de conseguir fazer algo por conta própria.
Oi, Felipe, tudo bem?
O Flexbox, é um modelo de layout que permite que você organize seus elementos de forma eficiente, mesmo quando o tamanho desses elementos é desconhecido ou dinâmico. A principal ideia por trás do Flexbox é dar ao container a habilidade de alterar o tamanho e a ordem dos itens para melhor ocupar o espaço disponível.
Para começar a usar o Flexbox, você precisa definir o display de um elemento como flex. Isso fará com que todos os seus filhos diretos se tornem itens flexíveis.
.container {
display: flex;
}
A partir disso, várias propriedades podem ser adicionadas para dispor os elementos na tela, você pode conferir mais sobre essas propriedades e sobre Flexbox no artigo Flexbox CSS: Guia Completo, Elementos e Exemplos.
Além disso, você pode praticar o Flexbox, usando o Flexbox Froggy.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!