The answer, proposed by Ethan Marcotte, is Responsive Web Design. Instead of building separate sites for each device, we build one site that adapts to each device. However, the current approach to responsive design is still based on a few popular devices and, as a result, is likely to become obsolete as fast as they do.
An illustration of responsive website [source: bufferwall.com]
In designing responsive websites, there are a lot of techniques that we can use. In the following lessons, we will discuss scaling layout elements, spanning and stacking layout elements, effectively using texts and icons, showing and hiding elements, and using whitespaces. At the end, you will get a chance to test how well you understood the lesson through a quiz and a practice on arranging layout elements within grids.