Responsive Images

Overview

In this lab we will implement responsive images using a set of three images we will crop using art direction.

• srcset()
• Art Direction by Katie Hempenius

Resource Links

• Free Online Photo Editor

Watch

• Responsive Images Part 1 [4:05] Why Responsive Images
• Responsive Images Part 2 [3:31] Image Preparation and Editing
• Responsive Images Part 3 [3:15] Picture Tag with Multiple Sources
• Responsive Images Part 4 [1:07] Applying CSS