Principle #2 for a Responsive Friendly Design

Make images responsive

This is less complicated than the first principle.

It’s actually very simple. There are mainly 2 properties that do the job: max-width and height.

img {
  max-width: 100%;
  height: auto;
}

• The max-width of 100% makes sure the image is never wider than the container it is…