Update post link layout

gatsby-config.js

@@ -31,7 +31,7 @@ module.exports = {
     {
       resolve: `gatsby-transformer-remark`,
       options: {
-        excerpt_separator: `\n`
+        excerpt_separator: `<!-- end -->`
       }
     },
     {

src/components/post-link.js

@@ -14,7 +14,7 @@ const PostLink = ({ post }) => {
         <a href={post.frontmatter.link} className={styles.postTitle}>{post.frontmatter.title}</a>
         <span className={styles.postDate}>{postDateString}</span>
       </div>
-      <div>
+      <div className={styles.postExcerpt}>
         <p>{post.excerpt}</p>
       </div>
     </div>

src/styles/global.scss

@@ -13,7 +13,7 @@
 
 @for $i from 1 through 6 {
   :global(h#{$i}) {
-    font-family: $fontParagraph;
+    font-family: $fontHeader;
   }
 }
 

src/styles/header.module.scss

@@ -5,6 +5,7 @@
   border-bottom: 1px solid $blue;
   height: 70px;
   box-sizing: border-box;
+  font-family: $fontHeader;
 }
 
 .links {

src/styles/post-link.module.scss

@@ -8,7 +8,7 @@
   color: $blue;
   text-decoration: none;
   text-transform: capitalize;
-  font-family: $fontParagraph;
+  font-family: $fontHeader;
   font-size: 1.2em;
   float: left;
 }
@@ -25,6 +25,10 @@
   border-bottom: 1px solid $blue;
 }
 
+.postExcerpt {
+  text-align: initial;
+}
+
 .headerContainer {
   display: flex;
   justify-content: space-between;

src/styles/variables.scss

@@ -5,7 +5,9 @@ $black: #2f2f2f;
 $blue: #0f52bf;
 
 //Fonts
-$fontParagraph: Fira Code, Monaco, Consolas, Ubuntu Mono, monospace;
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=VT323&display=swap');
+$fontHeader: 'VT323', monospace;
+$fontParagraph: 'Open Sans', sans-serif;
 
 // Content
 $breakLarge: 992px;