I have built a responsive/adaptive website which works quite well on mobiles.
I have used @media for detecting screen sizes.
code
I have 2 problems with coding:
1. Images don't load on some mobiles. Is there something wrong with the css code? I am trying to get the site to rotate when screens are rotated.
2. The site doesn't load onto blacberrys.
I think the problem is that blackberry doesn't read @media. I have been trying to find ways to resolve this issue and one way is to make my site mobile first. How do you set the screen to a max width of 500px for a mobile first site?
I am trying to keep my site html and css only. The
site is up and running but I need to improve a few things in it.
Before you post, read our: 
