[Projeto] Lista de Atividades - Aula Final

1 Adaptando imagens para diferentes tamanhos de tela

Html

<imagem>
<img class="apresentacao__imagem" src="./assets/full_stack.png" alt="Programação Full Stack">
</imagem>

css

}
.apresentacao__imagem {
    width: 50%;  
}

2 Ajustando o layout para diferentes dispositivos

3 Responsividade do conteúdo de texto

css

.apresentacao__conteudo{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

4 Melhorando a responsividade dos links de navegação

.apresentacao__links__nav{
    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);
}