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 :

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

With this combo you’re ready to go.

5/5 - (11 votes)