header
named grid locations
and
detail menu
html
head
body
menu
header
nav
main
section
section
footer
full: @media( min-width: 800px );
+--------------+
| header |
+-----+--------+
| nav | main |
+-----+--------+
| footer |
+--------------+
mobile: default
+---------+----+
| header |menu|
+---------+----+
| main |
+--------------+
| footer |
+--------------+
mobile-menu: #menu[open]
+--------------+
| menu |
+--------------+
| |
| nav |
| |
+--------------+