Olá! Estou tentando deixar as bordas da pagina de "Produtos" responsivo, no entanto não estou tendo sucesso. Acredito eu que seja por ter deixado os itens do ".produtos li" com o "display: inline" e por isso a borda não consegue se localizar. poderia me ajudar ?
@media screen and (max-width: 480px){ .caixa, .produtos, header, footer{ width: auto; padding: 0px
}
h1{
text-align: center;
}
nav{
position: static;
}
.caixa{
}
.produtos li,.produtos{
display: inline;
}
.produtos li{,
width: 3em;
border: 2px solid #000000;
border-radius: 10px;
}
.produtos img{
margin: 0 0 0 4em;
}}
