Handling Image Sizing

Images, by default, display at their actual size, on their own line. Even if it breaks your layout!

Options:

  • Resize image to be smaller
  • Change width in html IMG tag
  • Or use CSS!

Hard pixel sizes work.. but maybe not for all window sizes.

Let's use a css, responsive solution.

This exit sign image is breaking out of it's box!

It's escaped containment!