0

quando o site fica menor de 600px, deveria ativar o @media, porém não entra

* {
    font-family:Arial;
}
body {
    margin:0;
    padding:0;
}
header {
    display: flex;
    justify-content: center;
}
.container {
    width: 800px;
    height: 100px;
    background-color: #727272;
}
.topo {
    text-align: center;
    font-size: 20px;
}
article {
    display: flex;
    justify-content: center;
}
.musicas {
    padding-top: 10px;
    width: 800px;
    background-color: #b9b9b9;
}
.track {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.namefile {
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: bold;
}
.control {
    width: 300px;
    padding-bottom: 10px;
}

@media (max-width: 600px) {
    body {
        background-color: tomato;
    }
    header .container {
        width: auto;
    }
    article .musicas {
        background-color: teal;
    }
}
4
  • Vc tem <meta name="viewport" content="width=device-width, initial-scale=1.0"> no Head do HTML?
    – isaque
    Commented 10/02/2021 às 21:15
  • até tenho, mais tava faltando partes, nossa que burrice kkkkk, acho que preciso descansar Commented 10/02/2021 às 21:17
  • coloca como resposta que eu finalizo aqui Commented 10/02/2021 às 21:25
  • coloquei a resposta (-:
    – isaque
    Commented 10/02/2021 às 21:27

1 Resposta 1

0

Para as media queries funcionarem você deve ter essa tag no head do seu HTML:

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

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .