This is a demonstration of a dynamic resolution dependent layout in action. Change your browser window size to see the layout respond to your changes. To preserve the separation of the presentation and behavior layers, this implementation delegates all the presentation details to external CSS stylesheets instead of changing each style property through JavaScript.

Download Files · Return to Tutorial · Particletree · Treehouse

Extra Content
Primary Content
Secondary Content

Force Layout: Thin · Wide · Wider