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) { {...} }
Anna
- 141
- 1