Kevin W. Tharp
Doc Tharp

Butterfly Drinking Nector

Media Queries in Responsive Design

**Note: These videos were recorded in Expression Web 4, which is no longer supported by Microsoft. The process is the same, whatever software you are using, but the specific steps will depend upon the software you are using.

Creating the HTML Structure for a Responsive Fluid Grid Design (13:43)

Resources:

Link: The HTML Document created in this video

Establishing the CSS Base (8:41)

Resource Links:

The CSS Document created in this video

The Cascade and how it applies to mobile first design in a responsive design (4:31)

Applying Media Queries using Min-Width and Max-Width (19:40)

Now do the Exercise and Lab (shown in sidebar).