O que você aprenderá_

Utilize a propriedade flex para criar layouts flexíveis
Compreenda os conceitos de flex-container e flex-item
Implemente o justify-content para posicionar os elementos dentro do container
Implemente o align-items para alinhar os itens em um container flexível
Permita que os itens dentro do container possam crescer com flex-grow
Reposicione os itens dentro do container com a propriedade order
Aplique conceitos de responsividade com a propriedade flex-wrap
Simplifique a escrita de código Flexbox com as propriedades flex e flex-flow

Público alvo_

Pessoas que estejam dando seus primeiros passos no desenvolvimento Front-end e tenham conhecimentos básicos de HTML e CSS.

RODRIGO SILVA HARDER

Sou estudante de pós-graduação na área de Frontend Engineering na FIAP e monitor na escola de Frontend e Mobile da Alura. Minhas maiores paixões são React e Next.JS, mas adoro me aventurar em outros frameworks e tecnologias do Front-end e de outras áreas para conseguir cada vez mais expandir meus conhecimentos e continuar aprendendo.

Curso atualizado em 09/04/2025

Já estuda na Alura?

Comece o curso agora

Ementa

Posicionando elementos com Flexbox
- Praticando Flexbox

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Este e mais 5 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!

Formação
CSS avançado: implementando designs com Grid, Flexbox e Sass

6h
De curso

14
Atividades

Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola