It also uses a 'sticky' footer that stays at the bottom of the browser window, no matter what the page height.
The styling is created 'mobile-first', meaning that the main layout is initially styled for mobile devices and then, using the CSS3 'media queries', for larger screen sizes. This means that mobiles only load the minimum styling, improving performance where it most matters.
If you preview this page in a browser you'll notice two things:
1) If you reduce the size of the browser window by dragging the right-hand edge to the left, you'll see the page layout change. (The 'responsive' aspect of the layout). As well as the layout changes you'll see that the navigation links change to buttons for easier use on tablets and mobiles.
2) The 'sticky footer'. If you maximise the browser you'll see that the footer stays floating off the bottom of the browser window.
1) The pages must be previewed using IIS or the EW Development Server for the responsive pages to work.
2) The design highlights three issues with Expression Web's Design view: