How To Make Your Images Mobile Friendly
With the way technology is moving and the advancements in the smartphone industry its important to have a mobile responsive website. There are many things you can do to help make your current design more mobile friendly. One of the biggest problems are images, however, this is quite easily fixed with a small addition to your CSS file.
When you view your website on a mobile phone do your images scale to the screen display or do they appear too big? do you have to scroll across the page and zoom out to fully see it?. If the answer to is “yes” then you should read on.
When writing code like HTML, you use the same attribute/element for every image i.e “img”. This alone is quite handy because in your CSS file all you now need to do is add a style which controls your img element , like below
The above few lines are basically saying to your images, don’t go any bigger than the maximum width of the device. By adding this to your CSS file it will help you on your way to turning your website design into a mobile responsive one!