caso eu queira por um GAP diferente para cada texto, como fazer ?
caso eu queira por um GAP diferente para cada texto, como fazer ?
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 :)