Inital layout of home page

css/excerpt.css

@@ -1,10 +1,13 @@
 .excerpt {
+  border-bottom: 1px solid var(--color-light-grey);
   margin-bottom: var(--space-sm);
+  padding-bottom: var(--space-sm);
 }
 
 @media (--viewport-md) {
   .excerpt {
     margin-bottom: var(--space-md);
+    padding-bottom: var(--space-md);
   }
 }
 
@@ -14,6 +17,14 @@
   margin-bottom: var(--space-xs);
 }
 
+@media (--viewport-md) {
+  .excerpt__head,
+  .excerpt__body,
+  .excerpt__title {
+    margin-bottom: var(--space-sm);
+  }
+}
+
 .excerpt__metadata {
   color: var(--color-grey);
   font-size: 12px;

css/page.css

@@ -83,7 +83,21 @@
 
 @media (--viewport-xl) {
   .page {
-    grid-template-columns: 224px 1fr 1fr;
+    grid-template-columns: 224px 1fr;
     grid-template-rows: 32px 162px 1fr;
   }
+
+  .page__content--2col {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-gap: var(--space-md);
+  }
+
+  .page__content-item {
+    display: flex;
+  }
+
+  .page__content-item--full-width {
+    grid-column: 1 / -1;
+  }
 }

css/title.css

@@ -1,11 +1,13 @@
 .title {
   font-family: var(--heading-font-family);
+  font-size: 1.8rem;
   color: var(--color-dark-blue);
   margin-bottom: var(--space-sm);
 }
 
 @media (--viewport-md) {
   .title {
+    font-size: 2.4rem;
     margin-bottom: var(--space-md);
   }
 }