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

Answer 2

Nevermind, figured it out.

There somehow was a hidden character in the CSS. This is odd considering that I typed everything else myself, maybe Dreamweaver put it there? A glitch maybe? Anyway, copying it over to MS Word and pasting it back into Dreamweaver fixed it.

P.S Thanks for your help!