Se ao invés de usarmos o padding para criar o espaçamento entre os ícones e usássemos gap, estaria correto também?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Se ao invés de usarmos o padding para criar o espaçamento entre os ícones e usássemos gap, estaria correto também?
Olá Mitsuyoshi! Tudo bem?
Tanto o uso de padding quanto o uso de gap têm suas próprias funções e propósitos, então vamos analisar isso mais detalhadamente:
Padding: O padding é uma propriedade CSS que controla o espaçamento entre o conteúdo interno de um elemento e sua borda. Ele é útil quando você deseja criar espaço interno em torno do conteúdo, como dentro de um container ou caixa.
Gap: O gap é uma propriedade CSS introduzida com o sistema de layout flexbox e grid. Ela controla o espaçamento entre os itens dispostos em um contêiner flexível (usando display: flex) ou em um grid (usando display: grid). O gap é usado para criar espaços entre os itens individuais, como colunas ou linhas em um grid.
Portanto, a escolha entre usar padding e gap depende do contexto:
Se você deseja criar espaço entre os ícones e o contêiner que os envolve, o padding é mais apropriado. Isso ajudará a adicionar espaço dentro do contêiner sem afetar o espaçamento entre os ícones em si.
Espero ter conseguido ajudar, qualquer dúvida fico à disposição.