Vendo o vídeo postado, verifiquei no momento em que foi adicionada a propriedade de display flex para o elemento-pai, os botões das mídias sociais do portifólio esticaram para o tamanho do elemento-pai (section).
A minha dúvida é: porque acontece isso? Como resolver este problema no flex-box?
Isso em qual atividade?
Na 02 Posicionando os botões, da aula 04 Manipulando botões?
Fala sobre isso nessa atividade no tempo 4:07.
No vídeo 02 recurso gap do capítulo Ajustando o espaçamento. Isso acontece no minuto 3 mais ou menos.
No tempo 3:03, os botões das mídias sociais esticaram porque não foi definido o flex-diretion, e por padrão, ele é definido com row. Qual foi mudado para column, o problema foi corrigido.
Se deixasse o flex direction como row o botão permanecwria deste tamanho.
A minha dúvida é porque isso acontece e como isso poderia ser resolvido.