Precisei trocar o valor de px do @media screen and (min-width: 1728px) para 1024px para q funcionasse no meu pc. Deixando o anterior as classes do css não funcionavam. E o outro media query para @media screen and (min-width: 768px). Os valores passados estavam entrando em conflito. Ficou assim:
@media screen and (min-width: 1024px) {
.container__link {
display: flex;
align-items: center;
text-decoration: none;
color: var(--preto);
}
}
Oii, Aline!
Obrigada por compartilhar seu código.
É ótimo ver que você conseguiu ajustar os valores dos media queries para resolver o problema de responsividade no seu PC. De fato, valores de min-width precisam ser bem definidos para garantir que os estilos funcionem corretamente em diferentes resoluções. Ajustar de 1728px para 1024px, considerando seu caso, foi uma boa alternativa, já que o layout deve ser adaptado conforme o dispositivo.
Continue firme nos estudos.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!