1
resposta

3) Espaçamento entre ícones e textos

voltar ao arquivo style.css e adicionar a propriedade gap à classe .apresentacao__links__link, garantindo que o gap esteja posicionado corretamente dentro da declaração da classe. Aqui está como você pode fazer isso:

Copy code
.apresentacao__links__link {
    display: flex;
    align-items: center;
    gap: 10px; /* Este valor deve ser substituído pelo valor exato encontrado no Figma */
}

substituir 10px pelo valor exato que você encontrou no Figma. Essa propriedade gap adiciona espaçamento entre os elementos filho dentro do contêiner .apresentacao__links__link, que no seu caso são os ícones e os textos dos botões de redes sociais.

1 resposta

Oi, Luiz, tudo bem?

O gap é uma das propriedades do Flexbox e é muito importante para garantir o espaçamento entre os elementos envolvidos pela tag container.

Inclusive as demais propriedades relacionadas ao Flexbox são muito interessantes para trabalhar com o posicionamento dos elementos na página. Caso queira aprender mais sobre o Flexbox, recomendo a leitura deste artigo que apresenta todas as propriedades, fornece exemplos e explica como usar cada uma delas para obter um resultado ainda mais interessante.

Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum. Abraços!

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