[Projeto] Lista de exercícios

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);
}