I'm using these examples of media queries below, but when testing the resolution in 176-pixel cell phones has no effect, what are the right properties for this?
@media screen and (min-width:320px) { }
@media screen and (min-width:480px) { }
@media screen and (min-width:600px) { }
@media screen and (min-width:768px) { }
@media screen and (min-width:992px) { }
Following the logic you used, none of these rules apply to a 176px wide screen.
See that you use min-width . That is, CSS will only be applied if the width is equal to or greater than the reported value.
You have two options: create a new rule:
@media screen and (min-width:176px) { }
Or change the first rule using max-width :
@media screen and (max-width:320px) { }