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

GAp

caso eu queira por um GAP diferente para cada texto, como fazer ?

1 resposta
solução!

Olá, Andre, como vai?

Se você quiser aplicar espaçamentos diferentes entre os elementos dentro de um container flex, ao invés de usar gap, que define um único valor entre todos os filhos, você pode trabalhar com margens individuais nos próprios elementos filhos.

Por exemplo, se você tem:

<div class="apresentacao__conteudo">
  <h1>Eleve seu negócio digital a outro nível</h1>
  <p>Apresentação da Joana Santos</p>
  <div class="botoes">
    <a href="#">Instagram</a>
    <a href="#">Github</a>
  </div>
</div>

E deseja controlar os espaçamentos individualmente, no CSS pode ser assim:

.apresentacao__conteudo h1 {
  margin-bottom: 20px;
}

.apresentacao__conteudo p {
  margin-bottom: 10px;
}

.apresentacao__conteudo .botoes {
  margin-top: 30px;
}

Dessa forma, você tem controle total dos espaçamentos entre cada item, sem depender de gap.

Espero ter ajudado.

Siga firme nos seus estudos e conte com o fórum sempre que precisar.

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado