Foundation: Grid Demo

This header div has the attribute class="twelve columns". It stretches across the whole width of the content area.

This main content div has the attribute class="eight columns". It stretches across the left-hand third of the content area.

This paragraph is wrapped in a div with the attribute class="six columns". It fills the left half of the main content div.

This paragraph is wrapped in a div with the attribute class="six columns". It fills the right half of the main content div.

This image has no width or height specified. Foundation gives all images max-width: 100% and height: auto.

This sidebar div has the attribute class="four columns", so it fills the right-hand third of the content area.