Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Espaçamento do .container

Se ao invés de usarmos o padding para criar o espaçamento entre os ícones e usássemos gap, estaria correto também?

1 resposta
solução!

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.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!