1
resposta

[ Duvida ] Espaço entre os elementos do site

Olá pessoal, boa tarde! Estou com uma duvida em relação ao espaço entre os elementos do site, ja verifiquei algumas vezes mas não consegui visualisar o erro

<section class="apresentacao__conteudo">

    <h1 class="apresentacao__conteudo__titulo"> J&C Conservação De Bens e serviços.<strong 
        class="titulo-destaque"> Desde 1996, sendo referência em facility!
        </strong></h1>

    <p class="apresentacao__conteudo__texto">

        Atuamos no mercado desde 1996, acreditamos que a terceirização de serviços tem papel 
        estratégico para o setor público e privado no que diz respeito a gestão de recursos financeiros 
        e humanos.
        A J&C opera atualmente na capital, região metropolitana e interior do estado de São Paulo. Além disso
        contamos com uma infraestrutura operacional e estrategica capaz de atender sua empresa a nivel nacional. 

    </p>


    <div class="apresentacao__links">

    <a class="apresentacao__links__link" href="http://www.jcterceirizacao.com.br/portaria.htm"> Site A </a>

    </div>

</section>

   <img src="novo logo jc .jpg" alt="Logo JC">

css

*{
    margin: 0;
    padding: 0;
}

body {

height: 100vh;
box-sizing: border-box;
background-color: #17558f ;
color: #ffffff;

}

.titulo-destaque {

color: #fc5047;

}

.apresentacao{
    margin: 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.apresentacao__conteudo{
    width: 615px;
}

.apresentacao__conteudo__titulo{
    font-size: 36px;
    font-family: 'Krona One', sans-serif;
}

.apresentacao__conteudo__texto{
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
}

.apresentacao__links{
    display: flex;
    justify-content: space-between;
}

.apresentacao__links__link{
    background-color: #22D4FD;
    width: 280px;
    text-align: center;
    border-radius: 16px;
    font-size: 24px;
    font-weight: 600;
    padding: 21.5px 0;
    text-decoration: none;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
}

Print page -

1 resposta

Nas classes em que em que o display foi usado, você pode usar logo abaixo o gap:20px ou qualquer valor que lhe apresente um melhor resultado.