image

Access unlimited bootcamps and 650+ courses forever

70
%OFF

CM

Cleyton Mendes29/12/2023 14:14
Share
CI&T - Do Prompt ao AgenteRecommended for youCI&T - Do Prompt ao Agente

πŸš€ 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? πŸ•ΊπŸ’ƒ

Share
Recommended for you
Accenture - Python para AnΓ‘lise e AutomaΓ§Γ£o de Dados
Lupo - Primeiros Passos com InteligΓͺncia Artificial
Almaviva - Back-end com Java & QA
Comments (0)
Recommended for youCI&T - Do Prompt ao Agente