2
respostas

O @media não funciona

A cor de fundo de chamada não muda quando a tela vai em 610px. Já tentei tanto o @media (width: 610px) quanto o @media screen and (width: 610px).

@media (width: 610px) {
    .chamada {
        background-color: #F0F;
    }
}
@media screen and(width: 610px) {
    .chamada {
        background-color: #F0F;
    }
}
2 respostas

Boa tarde Maria, tudo bem? Coloque essa tag dentro do Head do seu arquivo Html

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

E deixe seu @media assim, por que quando a largura da tela passar para 610px a background-color irá mudar

@media screen and(max-width: 610px) {
    .chamada {
        background-color: #F0F;
    }
}

Aconteceu o mesmo comigo, utilizando o max-width resolveu, mas por que usar uma medida especifica não funciona?

@media screen and(width: 610px) { .chamada { background-color: #F0F; } }