Default Layout
A standard layout with header, footer and a flexible aside for navigation. You can include a min-width: 200px to set a minimum width.
Open a window to see boundaries in action:
See the Pen GRID layout by Luke Negreiros (@luke-negreiros) on CodePen.
See the Pen Fixed Burger by Luke Negreiros (@luke-negreiros) on CodePen.
Fixed Burger
The simplest version of the hamburger layout, with fixed main and footer height.
Open a window to see boundaries in action:
Burger with Salad
Not responsible layout; this template creates a desktop web interface with more elements for the Fixed Burger layout. Open the window to see the right preview with widths and heights positions in place.
Open a window to see boundaries in action:
See the Pen Burger with Salad by Luke Negreiros (@luke-negreiros) on CodePen.
See the Pen Full banner with hide content by Luke Negreiros (@luke-negreiros) on CodePen.
Full banner with hide content
A Full Banner responsive website, based on vertical height of viewport and hidden content just below. @media queries is set to 600px for full responsive mobile menu
Open a window to see boundaries in action: