fix: update styling

public/styles/posts.css

@@ -2,12 +2,28 @@ li {
   margin: 5px 0;
 }
 
+.post-wrapper {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  align-items: flex-start;
+  position: relative;
+}
+
+.toc-column {
+  position: absolute;
+  left: calc(50% - 400px - 4rem - 200px);
+  width: 200px;
+  padding-top: 190px;
+}
+
 .post-header {
   padding: 0;
 }
 
 .post-container {
-  width: 80%;
+  width: 65%;
+  max-width: 800px;
 }
 
 .post-title {
@@ -143,6 +159,26 @@ article pre {
   font-size: 0.8em !important;
 }
 
+@media (max-width: 1200px) {
+  .post-wrapper {
+    grid-template-columns: 1fr;
+    padding: 0 2rem;
+  }
+
+  .toc-column {
+    grid-column: 1;
+    justify-self: center;
+    width: 100%;
+    max-width: 800px;
+    padding-top: 0;
+  }
+
+  .post-container {
+    grid-column: 1;
+    width: 100%;
+  }
+}
+
 @media (max-width: 768px) {
   .post-title {
     font-size: 3em;
@@ -155,4 +191,8 @@ article pre {
   .post-article {
     font-size: 1.3em;
   }
+
+  .post-container {
+    width: 90%;
+  }
 }