Hi all,

I have a strange issue with my media queries for a website not working for the ipad. What I have done is the mobile first approach and then set widths where the css changes. The final media query is for ipad landscape up. However the ipad is not picking up the last set of styles for devices of min-width 900px;

Here are my media queries:

All styles then

@media only screen and (min-width: 480px) {}
@media only screen and (min-width: 600px) {}
@media all and (min-width: 900px) {}

Anyone have any idea what I am doing wrong?

Thank you