Lista de exercícios

<img class="apresentacao__imagem" src="imgthamy.png"  alt="minha selfie">


.apresentacao__imagem {
  width: 50%; 
  height: auto; 
  display: block; 
  margin: 0 auto; 
}


/* Responsividade para telas menores */
@media (max-width: 768px) {
    .section {
        flex: 1 1 90%; /* Ajusta a largura das seções para 90% em telas menores */
        margin: 0.5rem;
        padding: 0.5rem;
    }
}

/* Adaptando imagens para diferentes tamanhos de tela */
.apresentacao__imagem {
    width: 50%;
}

/* Responsividade do conteúdo de texto */
.apresentacao__conteudo {
    width: 50%; /* Definindo largura relativa */
    margin: 0 auto;
    padding: 1rem;
    box-sizing: border-box;
}

/* Melhorando a responsividade dos links de navegação */
.apresentacao__links__navegacao {
    width: 50%; /* Definindo largura relativa */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .apresentacao__links__navegacao {
        flex-direction: column;
        width: 100%; /* Ajustando largura para 100% em telas menores */
    }
}

/* Ajustando margens e paddings para diferentes tamanhos de fonte */
header {
    margin: 2rem;
    padding: 1.5rem;
}