Programación 1 lições grátis
CSS moderno — Flexbox e Grid
Crie layouts profissionais e responsivos com CSS moderno.
Avaliação de 3.7 a 4.8 de 5 · pesquisa com 600 alunos
M
Criado por
Equipe Guías
O que você vai aprender
Flexbox: alinhamento e distribuição de elementos em uma dimensão
CSS Grid: layouts complexos em duas dimensões
Quando usar Flexbox e quando usar Grid
Media queries e design responsivo de verdade
Construir um layout de landing page profissional
Conteúdo do curso · 12 lições
1
Flexbox em 15 minutos — seu primeiro layout flexível
15 minGrátis
display: flex — o contêiner
8 min
justify-content e align-items
10 min
flex-direction e flex-wrap
8 min
flex-grow, flex-shrink e flex-basis
11 min
Casos reais de Flexbox — navbar e cards
12 min
Introdução ao CSS Grid
10 min
grid-template-columns e grid-template-rows
12 min
grid-gap e áreas de grid
11 min
Grid vs Flexbox — quando usar cada um
9 min
Media queries e design responsivo
12 min
Projeto final — landing page responsiva com Grid e Flexbox
22 min
Detalhes do curso
Lições12 lições
Duração2h 20min
NívelIniciante
IdiomaEspañol
AcessoIlimitado
CertificadoAo concluir
Desbloqueie tudo com o Pro
Acesse todas as lições, até 100 interações com a Guía por dia e certificados por $9.99/mês.
Ver planos →Entre para deixar uma avaliação