Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

ajuda na responsividade...

pessoal, estou com dificuldade na transformação do site , parece q nao ta dando certo....

pagina de produtos da barbearia alura

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contato</title>
    <link rel="stylesheet" href="reset.css/reset.css">
    <link rel="stylesheet" href="produtos5.css">
@media screen and(max-width:480px){
    .caixa, .produtos{
        width: auto;
    }

    nav{
        position: static;
    }

    .produtos li{
        display: inline-table
    }
}
1 resposta
solução!

Bom dia, Douglas! Tudo bem?

A principio testei e funcionou corretamente. Tem como você mostrar seu <head> inteiro?

Pois se esse CSS é do arquivo produtos5.css e ainda há as estilizações do arquivo style.css precisa ver a ordem de importação dos arquivos, que deve ficar assim:

<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="produtos5.css">

Fico no aguardo!