Name: Curso Flexbox: posicione elementos na tela
Rating: 4.75 (11817 reviews)

Estudando este mês:

e mais 1.308 alunos(as)

Resumo do curso

Aprenda a famosa especificação flexible box para posicionar seus elementos na página
Entenda as diversas propriedades do flexbox e como usá-las
Entenda como as propriedades do flexbox substituem float, inline e inline-block
Elabore um site responsivo com flexbox

Público alvo

Desenvolvedor front-end com experiência em HTML e CSS e que já tenha sofrido com posicionamento de elementos na página

Conteúdo relacionado

Cursos de HTML e CSS em Front-end

Leia nossos artigos de Front-end

Última atualização

09/03/2022

Já é aluno?

Comece o curso agora

p/ conclusão

Atividades

133

Minutos de video

20465

Alunos nesse curso

9.5

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de Flexbox: posicione elementos na tela

Formação com esse curso

Front-end

Instrutores

Yuri Padilha
Linkedin
Yuri é desenvolvedor full-stack, formado em Tecnologia de Informação pela USP. Como instrutor de cursos presenciais (Front-end, Java e PHP, Spring e MySQL) sumarizou mais de 1 000 horas de aulas ministradas.

Conteúdo Detalhado

Introdução e Cabeçalho da página
- Projeto Alurinha
- O que é flexbox?
- Nos livrando dos floats, inline e inline-blocks
- Espaçando os elementos com justify-content
- Alinhando verticalmente os elementos com align-items
Fazendo o rodapé
- Mais formas de espaçamento com space-around
- Mudando a direção de renderização do flex
- Quebrando os elementos para outras linhas
Fazendo o grid de cursos
- Juntando as coisas que vimos até agora
- Limitações do flex
- Fazendo um grid com flex
Adaptando para mobile
- Fluxo dos elementos em um contexto mobile
- Mudando a ordem dos elementos
Mais sobre flexbox & desafios
- Nomenclatura oficial do flexbox
- Fazendo os flex items crescer com flex-grow
- Agora fazendo eles diminuírem elegantemente com flex-shrink
- Definindo largura e altura de flex items com flex-basis
- Invertendo a ordem de renderização dos elementos

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

Cursos relacionados em HTML e CSS

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Entendi melhor o conceito e momento de utilizar o display flex

Flexbox: posicione elementos na tela

Suzana Aparecida ALves

Flexbox é uma ferramente atual muito util para CSS e é diferencial ao ser utilizada

Flexbox: posicione elementos na tela

Caio Niwton Almeida Dias

Pessoalmente gostei bastante desse curso, teve alguns cursos anteriores em que apareciam algumas tags que não foram vistas anteriormente. E que foram sanadas nesse curso.

Flexbox: posicione elementos na tela

brunopedrosobatistasantos

Aprenda HTML e CSS com esse e outros cursos, comece agora!

Acesso a TODOS os cursos da plataforma
Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programaçã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.
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.

12X

R$85

à vista R$1.020

Matricule-se

Acesso a TODOS os cursos da plataforma
Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programaçã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.
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.

12X

R$120

à vista R$1.440

Matricule-se

Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas

Flexbox: posicione elementos na tela

Estudando este mês:

Resumo do curso

Público alvo

Conteúdo relacionado

Última atualização

Já é aluno?

Um pouco mais do conteúdo

Formação com esse curso

Instrutores

Yuri Padilha

Conteúdo Detalhado

Introdução e Cabeçalho da página

Fazendo o rodapé

Fazendo o grid de cursos

Adaptando para mobile

Mais sobre flexbox & desafios

Cursos relacionados em HTML e CSS

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Suzana Aparecida ALves

Caio Niwton Almeida Dias

brunopedrosobatistasantos

Aprenda HTML e CSS com esse e outros cursos, comece agora!

Plus

Pro

Cursos