O que você aprenderá_
- Aprenda a utilizar propriedades do Flexbox na prática construindo um projeto responsivo
- Altere o eixo de itens para horizontal ou vertical
- Aplique vídeos de forma responsiva utilizando propriedades Flexbox
- Conheça as características do Flexbox
- Integre as propriedades Flexbox com outras propriedades CSS
Público alvo_
Pessoas com interesse em aprender a construir páginas responsivas com Flexbox. Pessoas desenvolvedoras front-end, ou pessoas com interesse em ingressar na área.
Curso atualizado em 16/04/2024
Já estuda na Alura?
Comece o curso agoraEmenta
Conhecendo o poder do Flexbox
- Caixa flexível: cabeçalho
- align-items: finalizando o cabeçalho
- Estilos com @media
Rodapé responsivo
- Linhas e colunas: flex-direction
- Quebra de coluna e linha: flex-wrap
- Gap: otimizando espaços
Menu mobile-first
- Fixando menu mobile
- Mobile: elementos em linha
- Mobile: align-self
- Mobile: alinhando itens
Menu flexível
- Menu desktop: inserindo listas
- Menu desktop: alterando eixos
- Definindo ordem: order
Vídeos flex-grow
- Adicionando vídeos no projeto
- Ajustando os vídeos de forma responsiva
Descubra se esse curso é pra você! Leia as primeiras aulas
-
Formação
CSS: aprofunde em estilos
6h
De curso
47
Atividades
Escola
Front-end
Pessoas estudando esse curso nesse mês:
Estude com elas
Guilherme Augusto
Lucas Henrique da Silva
Luan Alves
Matheus Cruz
Thiago Prado Dalla Dea
e mais 1.893 pessoas
e mais 1.893 pessoas
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
Aprenda HTML e CSS com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri, a inteligência artificial da Alura
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas