Discover/Avançando o HTML e CSS

Reprodução automática

Ei, sabia que temos uma formação completa sobre o conteúdo desse curso? Para conhecer, clique aqui

Quer continuar assistindo de graça?

Crie sua conta e tenha acesso imediato aos conteúdos gratuitos da Rocketseat.

Mais de 35 mil devs já deram o primeiro passo com a Rocketseat

Informação

Conhecendo display flex

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.

JavaScript, HTML, CSS, React, React Native, Node.js, Java, Python, Inteligência Artificial, C#

Todas as formações em uma única assinatura para uma jornada completa em programação

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

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

Rocketseat 2026