I have created a web site' on a bigger screen it looks good however on small screens like laptops and mobile devices it does not display properly. Images and Texts are moved aside each other. I am really confused on what is happening.
Need any advice on this situation!
@media
queries are css properties which is used to handle your website on mobile because the screen of mobile is smaller then dekstop so we need to handle it with @media
queries.
With media queries you can write different css for different screen sizes to handle you website in all the screen
Read this w3schools brief tutorial about @media
queries : http://www.w3schools.com/cssref/css3_pr_mediaquery.asp