Smart phones and tablets have changed people’s web experience dramatically.
If you are a web developer, you would probably require a mobile ready website.
There are two options one create two different sites one for the large screen devices and other for mobile devices. Managing two different websites and become a difficult task after some time.
The solution, build a mobile ready website which can change its appearance depending on the device you are viewing your site.
For this purpose, one must:
- Create media queries to apply styles based upon the form factor of the device display
- Use CSS properties such as “display” to create layouts that work well across devices
- Avoid embedding images directly in the page in cases where the page will be used across platform – use CSS to specify background images