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.
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!