Blue Dahlia Bistro Redesign

Grid

To create a simple and responsive layout, I used a basic grid system. In the smallest media query, the grid is 1 column at 100% with the responsive navigation at the top left. In the medium and large media query, the grid remains 1 column, but breaks to 2 columns for content on a couple of pages with the responsive navigation menu center aligned.

Small Grid

Column 1 - 100%

Medium and Large Grid

Column 1 - 100%

Column 2 - 40%

Column 3 - 40%