Quick Tip : How to make responsive images

When you need to make your website responsive, one common problem is to make all your images adapt to the layout.
With this tip you will be able to force all images to be adaptive,  all your images will be automatically resized to fit the viewport.

here is the code :

   max-width: 100%;
   height: auto;
   width: auto; /* IE8 fix */
   box-sizing: border-box;

With this combo you’re ready to go.


Web and mobile designer, founder of Layerbag. I started designing & I fell in love with Wordpress so I maintain a blog around my favorites topics and develop Wordpress themes myself.

Leave a Comment