Only first media query working

Question

When using media queries, only the first set seems to work and I don\'t know why. If I swap them around, then still, only the first one works. I\'ve tried changing from max-widt

Answer 1

Your media queries as they are now, kick in when the screen has width of

0-340px (second media query) and

420px-740px (first media query)

they don't cater for widths between 340px and 420px.. and also for widths > 740px

But certainly, BOTH media queries are working....

See this FIDDLE