Reprodução automática
Informação
Todas as formações em uma única assinatura para uma jornada completa em programação
Conteúdos novos todos os meses
Mentorias e Masterclass ao vivo
Muitos projetos para o seu portfólio
Comunidade exclusiva no Discord
Fórum, suporte e quizzes
Diversos certificados de conclusão
Conhecendo display flex
M
Educador
Nessa aula, vamos estilizar uma lista utilizando CSS, analisando as recomendações do Figma. Começamos aplicando box-sizing: border-box para todos os elementos, o que facilita o cálculo de tamanhos. Vamos explorar o display: flex, que é fundamental para organizar os itens da lista. Aprendemos que o li ocupa 100% do espaço disponível, enquanto o a, por ser inline, ocupa apenas o necessário. Também discutimos como o gap pode ser usado para espaçar elementos de forma eficiente.


Garanta acesso imediato a todas as formações em programação do zero ao avançado, conteúdos bônus e muito mais!
Todos os direitos reservados
Rocketseat 2026