1. Adaptando imagens para diferentes tamanhos de tela
<!-- Classe atribuida no index.html -->
<img class="apresentacao__link__imagem" src="./assets/icon.jpeg" alt="Exemplo">
/* Estilização em CSS */
.apresentacao__link__imagem{
width: 50%;
}
3. Responsividade do conteúdo de texto
.apresentacao__conteudo{
width: 50%;
display: flex;
flex-direction: column;
gap: 40px;
}
4. Melhorando a responsividade dos links de navegação
.apresentacao__links__navegacao{
display: flex;
justify-content: center;
gap: 16px;
border: 2px solid var(--cor-terciaria);
width: 50%;
text-align: center;
border-radius: 8px;
font-size: 1.5rem;
font-weight: 600;
padding: 21.5px 0;
text-decoration: none;
color: var(--cor-secundaria);
font-family: var(--fonte-secundaria);
}