image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF

CM

Cleyton Mendes29/12/2023 14:14
Compartilhe

🚀 DICA DE OURO: Dominando as Tags do Flexbox! 💪🔥

  • #CSS

E aí, galera flexível! 👋 Vamos falar de algo que vai dar aquele boost nos seus layouts: as TAGS do Flexbox! 🎉 Preparados para deixar o CSS mais flexível que nunca? 🚀

1️⃣ display: flex; - Isso é o PONTO DE PARTIDA! Transforma o container num mestre da flexibilidade. Pode chamar de "modo flex: ON"!

2️⃣ flex-direction: row | column; - Decide se a jogada é na horizontal (row) ou vertical (column). Vai daí que tu manda!

3️⃣ justify-content: flex-start | flex-end | center | space-between | space-around; - É o dono do meio de campo! Alinha os itens no eixo principal.

4️⃣ align-items: flex-start | flex-end | center | stretch; - Quer alinhar no eixo secundário? Essa tag é o técnico do time, faz acontecer!

5️⃣ flex-grow: 1; - O maestro da expansão! Quer que um item cresça e ocupe espaço? Essa tag é o MVP!

Vai, coloca essas tags no seu CSS e manda ver nos layouts flexíveis! 💻✨ Faz esse código dançar conforme a sua música. Quem aí já tá pronto pra dominar o Flexbox? 🕺💃

Compartilhe
Comentários (0)