Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] @media não fuinciona

não sei mais o que fazer, meu @media da parte de 1728px não funciona de jeito nenhum, já conferi mais de mil vezes mas não vejo erro de escrita em lugar nenhum.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

        <div class="container">
            <a href="#"> <img src="./assets/Favoritos.svg" alt="Favoritos" class="container-img container-img-fav"></a>
            <a href="#" class="container-link">
                <img src="./assets/Compras.svg" alt="carrinho-d-compras" class="container-img container-img-cl">
                <p class="container-texto">Minha Sacola</p>
            </a>
            <a href="#" class="container-link">
                <img src="./assets/Usuário.svg" alt="usuario" class="container-img container-img-cl">
                <p class="container-texto">Minha Sacola</p>
            </a>
        </div>
@media screen and (min-width:1728px){

    .container-link{
        display: flex;
        text-decoration: none;
    }

}

meu problema ainda não foi solucionado, meu repositório esta no meu próximo comentário para caso alguém queira detalhes

3 respostas

Ola amigo todo bem?

Acredito que uma simples adição pode ajudar: @media only screen and (max-width: 768px)

Uso isto no meu codigo, acredito que esse only possa fazer a diferença.

Mais uma coisa, verifique se não ha nada causando interferência no codigo CSS, talvez você declarou algo no elemento pai ou superior que esta afetando esta linha do seu codigo na parte da responsividade!

Abraços!

Opa, obrigado pela ajuda mas o "only" infelizmente não resolveu, e eu acho que verifiquei o elemento pai o suficiente mas não consigo achar interferências em relação a ele, não consigo prosseguir com a aula sem resolver isso aparentemente, então estou meio travado nessa aula, enquanto espero ajuda sobre isso, vou estudar de outras formas, vou por o link do repositório do github caso alguém queira ver melhor para me ajudar, obrigado pela atenção! Link do Repositório: https://github.com/gatatoeli/AluraBooks

solução!

Conseguiu resolver?