Name: Curso Flexbox: Posicione elementos na tela
Rating: 4.75 (7271 reviews)

Estudando esse mês:

e mais 1.057 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

20/12/2019

Já é aluno?

Comece o curso agora

p/ conclusão

Atividades

133

Minutos de video

13887

Alunos nesse curso

9.5

Nota deste curso

Certificado de participação

Formações com esse curso

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

Melhor explicação, todos os cursos de html e css tinha que ser expliados nessa maneira, pois facilita muito o apendizado

Flexbox: Posicione elementos na tela

ELIEL FELIPE DOS SANTOS ROCHA

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!

1271 cursos
Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.
Certificado de participação
Certificado de que assistiu o curso e finalizou as atividades
App para Android e iPhone/iPad
Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets
Acesso à Alura Start
Cursos de introdução a tecnologia através de games, apps e ciência
Acesso à Alura Língua
Reforço online de inglês e espanhol para aprimorar seu conhecimento

1271 cursos
Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.
Certificado de participação
Certificado de que assistiu o curso e finalizou as atividades
App para Android e iPhone/iPad
Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets
Acesso à Alura Start
Cursos de introdução a tecnologia através de games, apps e ciência
Acesso à Alura Língua
Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X

R$75

à vista R$900

Matricule-se

1271 cursos
Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.
Certificado de participação
Certificado de que assistiu o curso e finalizou as atividades
App para Android e iPhone/iPad
Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets
Acesso à Alura Start
Cursos de introdução a tecnologia através de games, apps e ciência
Acesso à Alura Língua
Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X

R$100

à vista R$1.200

Matricule-se

1271 cursos
Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.
Certificado de participação
Certificado de que assistiu o curso e finalizou as atividades
App para Android e iPhone/iPad
Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets
Acesso à Alura Start
Cursos de introdução a tecnologia através de games, apps e ciência
Acesso à Alura Língua
Reforço online de inglês e espanhol para aprimorar seu conhecimento

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 esse mês:

Resumo do curso

Público alvo

Conteúdo relacionado

Última atualização

Já é aluno?

Formações 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

ELIEL FELIPE DOS SANTOS ROCHA

brunopedrosobatistasantos

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

Premium

Premium Plus

Max

Cursos