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

@media não está funcionado

o @media não está funcionado, já revisei os códigos tanto da pagina principal quanto do css e ainda não consegui encontrar o erro. se alguém conseguir me ajudar eu agradeço muito.

https://drive.google.com/drive/folders/1yojLh6e2CmKXjmTVemGTJhw5n3Gzykyl?usp=sharing

3 respostas

Oi Vinicius, tudo bem?

Não consegui acessar o link que você mandou. Poderia colar aqui seu código todo?

Obrigada :D

solução!

olá Lorena, tudo bem?

consegui arrumar o problema, eu havia escrito um termo errado no "meta" rsrs.

muito obrigado agradeço muito pela ajuda :D

Oi Vinicius, tudo bem por aqui :D

Vamos lá, no seu head, a segunda tag meta está com o nome do parametro errado, deveria ser <meta name="viewport" content="width=device-width"> , a sua está da seguinte maneira:

    <head>
        <meta charset="UTF-8">
        <meta charset="viewport" content="width=device-width">
        <title>Barbearia Alura</title>

        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="style.css">
        <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
    </head>

Ajustando essa parte o seu @media irá aplicar os estilos da maneira correta. ;)

Espero ter ajudado. Bons estudos.

ps: Opa, depois que eu mandei a resposta vi que você tinha encontrado o erro, que bom que conseguiu e desculpe a demora.