Responsive Images

Tips for working with Images

  • Start with largest version of your image and use css styling to resize to desired size (more on this next class)

  • Use max-width: 100% to prevent images from extending wider than its container


// Apply to all images

img {
	max-width: 100%;
}