Different crops, same image lesson starter

Use the picture tag to create a responsive banner that adjusts the image to fit the screen while maintaining the design aesthetic better.

• Approx. completion time: 1 hour
• Deliverables: HTML, CSS, images
• Due: Before the end of class

This is the starter code for a step-by-step lesson. Each step is described in detail here:

Follow the “Different crops, same image” step-by-step lesson ➔

---

Questions or concerns

If you run into problems completing the task ask the teacher in class or, if you’re working outside of class, create an Issue on your repository and tag the teacher.