Week 3 Completion Checklist

This week, we finish up the basics of responsive design, by applying the grid system we created last week to our home page. We'll also look at responsive images, equal height columns, and column swapping.

Videos

• Part 1 covers applying the grid system created last week to the home page and making tweaks.
• Part 2 covers the background image in the header, and how we can use CSS to serve up the right image under the right conditions.
• Part 3 covers Picturefill, a Javascript utility for swapping images of different dimensions.
• Part 4 covers equal height columns (finally!!!).
• Part 5 covers column swapping on a sample inside page.

Assignment

You now have all of the information required to complete the first assignment. Please ask assignment questions in the Assignment 1 discussion, and questions from this lecture in the Week 3 discussion.