Conhecendo display flex

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.