created a page to test out a new layout

index.css

@@ -1,16 +1,40 @@
 body {
 	margin: 40px auto;
-	max-width: 650px;
+	max-width: 800px;
 	line-height: 1.8;
 	font-size: 18px;
 	color: #454545;
 	padding: 0 10px;
 	background: #fbf9f7;
+	display: grid;
+	grid-template-columns: 150px auto;
+	grid-template-areas: "logo title"
+							"nav content"
+							"nav foot";
+	/*gap: 10px;*/
+	height: 100%;
 }
 
-header {
+.logo {
+	grid-area: logo;
+}
+
+.title {
+	grid-area: title;
+}
+
+.nav {
+	grid-area: nav;
 	display: flex;
-	align-items: center;
+	flex-direction: column;
+}
+
+.main {
+	grid-area: content;
+}
+
+.footer {
+	grid-area: foot;
 }
 
 a {