Você não precisa de um "min-width: 0px""min-width: 0px" se você já está dizendo que seu "max-width""max-width" é 320px320px. O CSSCSS vai servir pra qualquer dispositivo que tenha até 320px320px.
Você tem um media query que vai de 320px a 480px320px a 480px, portanto, tudo o que estiver dentro desse query irá sobrescrever o que estiver dentro da sua query com max-width de 320pxmax-width de 320px, já que ambas tem o mesmo valor. O correto é que você faça uma query de:
@media screen and (min-width: 321px) and (max-width:480px) {
{...}
}
Você não precisa de um "min-width: 0px" se você já está dizendo que seu "max-width" é 320px. O CSS vai servir pra qualquer dispositivo que tenha até 320px.
Você tem um media query que vai de 320px a 480px, portanto, tudo o que estiver dentro desse query irá sobrescrever o que estiver dentro da sua query com max-width de 320px, já que ambas tem o mesmo valor. O correto é que você faça uma query de:
@media screen and (min-width: 321px) and (max-width:480px) {
{...}
}
Você não precisa de um "min-width: 0px" se você já está dizendo que seu "max-width" é 320px. O CSS vai servir pra qualquer dispositivo que tenha até 320px.
Você tem um media query que vai de 320px a 480px, portanto, tudo o que estiver dentro desse query irá sobrescrever o que estiver dentro da sua query com max-width de 320px, já que ambas tem o mesmo valor. O correto é que você faça uma query de:
@media screen and (min-width: 321px) and (max-width:480px) {
{...}
}
Você não precisa de um "min-width: 0px" se você já está dizendo que seu "max-width" é 320px. O CSS vai servir pra qualquer dispositivo que tenha até 320px.
Você tem um media query que vai de 320px a 480px, portanto, tudo o que estiver dentro desse query irá sobrescrever o que estiver dentro da sua query com max-width de 320px, já que ambas tem o mesmo valor. O correto é que você faça uma query de:
@media screen and (min-width: 321px) and (max-width:480px) {
{...}
}