diff --git a/themes/editor/static/dist/kennethlove.css b/themes/editor/static/dist/kennethlove.css
index 3c7ad79..2123c75 100644
--- a/themes/editor/static/dist/kennethlove.css
+++ b/themes/editor/static/dist/kennethlove.css
@@ -27,34 +27,17 @@ body {
 }
 
 .container {
-  display: flex;
-  flex-flow: row wrap;
-  flex-wrap: wrap-reverse;
-  justify-content: space-evenly;
-}
-
-.container > * {
-  flex: 1 100%;
+  display: grid;
+  gap: 1rem;
+  grid-auto-rows: minmax(100px, auto);
+  grid-template-columns: repeat(8, 1fr);
 }
 
-@media all and (min-width: 600px) {
-  .side {
-    flex: 1 auto;
-  }
-}
-@media all and (min-width: 800px) {
-  .main {
-    flex: 3 0px;
-  }
-  .side {
-    order: 1;
-  }
-  .main {
-    order: 2;
-  }
-}
 .side {
-  padding: 1rem;
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row: 1;
+  padding-left: 1rem;
 }
 .side h1 {
   font-size: inherit;
@@ -84,9 +67,9 @@ body {
 }
 
 .main {
-  flex-basis: 75%;
-  padding: 1rem;
-  max-width: 90%;
+  grid-column-start: 3;
+  grid-column-end: 8;
+  grid-row: 1;
 }
 
 h1,
@@ -236,23 +219,32 @@ strong {
 }
 
 .post-details {
-  margin-bottom: 1em;
-  max-width: 58em;
+  border-bottom: 1px solid #e6c000;
+  margin-bottom: 1rem;
+  max-width: 70vw;
+}
+.post-details ul {
+  max-width: fit-content;
+}
+.post-details ul li {
+  margin-right: 1rem;
 }
 .post-details time {
   display: block;
-  padding-top: 1em;
+  padding-top: 1rem;
 }
 
+.post-content .highlight {
+  border: 1px solid #c5a3ff;
+  margin-bottom: 1em;
+}
 .post-content figure img {
   height: auto;
-  max-width: 58em;
+  max-width: 50vw;
   width: 100%;
 }
-
-.post-content .highlight {
-  border: 1px solid #c5a3ff;
-  margin-bottom: 1em;
+.post-content p {
+  max-width: 70vw;
 }
 .post-content p code {
   background: #c5a3ff;
diff --git a/themes/editor/static/dist/kennethlove.css.map b/themes/editor/static/dist/kennethlove.css.map
index c0e3a3c..4b12160 100644
--- a/themes/editor/static/dist/kennethlove.css.map
+++ b/themes/editor/static/dist/kennethlove.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/_colors.scss","../src/kennethlove.scss"],"names":[],"mappings":";AAAA;ACEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI,kBDbQ;ECcR,ODXO;ECYP;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AAIR;EACI;;AAEA;EACI;;AAIA;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAMR;EACI;;AAEA;EACI,ODtEN;ECuEM;;AAEA;EACI;;AAKZ;EACI;EACA;;;AAKZ;EACI;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaI;;;AAGJ;AAAA;AAAA;EAGI;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAMI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI,kBD9LI;EC+LJ;;AAEA;EACI,ODtMF;ECuME;EACA;;AAIR;EACI;EACA;;;AAIR;AAAA;EAEI;EACA,OD7MM;EC8MN;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA,ODvNQ;ECwNR;EACA;;;AAGJ;EACI,OD7NQ;EC8NR;;;AAGJ;EACI,ODjOM;ECkON;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;EACA;EACA;;;AAIA;EACI;EACA;;AAGJ;EACI,YD7QG;EC8QH,ODxRI;ECyRJ;EACA;;AAGJ;AAAA;EAEI;EACA;EACA;;AAEA;AAAA;EACI;EACA;;;AAKZ;EACI;;;AAGJ;EACI,YD7Sa;EC8Sb,ODhTQ;ECiTR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;;;AAGJ;EACI,YDxUa;ECyUb,OD3UQ;EC4UR;EACA;;AAEA;EACI;EAKA,ODrVI;ECsVJ;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI","file":"kennethlove.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../src/_colors.scss","../src/kennethlove.scss"],"names":[],"mappings":";AAAA;ACEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI,kBDbQ;ECcR,ODXO;ECYP;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AA2BJ;EACI;EACA;EACA;EACA;;AAGA;EACI;;AAIA;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAMR;EACI;;AAEA;EACI,OD1EN;EC2EM;;AAEA;EACI;;AAKZ;EACI;EACA;;;AAKZ;EACI;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaI;;;AAGJ;AAAA;AAAA;EAGI;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAMI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI,kBDlMI;ECmMJ;;AAEA;EACI,OD1MF;EC2ME;EACA;;AAIR;EACI;EACA;;;AAIR;AAAA;EAEI;EACA,ODjNM;ECkNN;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA,OD3NQ;EC4NR;EACA;;;AAGJ;EACI,ODjOQ;ECkOR;;;AAGJ;EACI,ODrOM;ECsON;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAEA;EACI;;AAIR;EACI;EACA;;;AAKJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI,YD9RG;EC+RH,ODzSI;EC0SJ;EACA;;AAGJ;AAAA;EAEI;EACA;EACA;;AAEA;AAAA;EACI;EACA;;;AAKZ;EACI;;;AAGJ;EACI,YD9Ta;EC+Tb,ODjUQ;ECkUR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;;;AAGJ;EACI,YDzVa;EC0Vb,OD5VQ;EC6VR;EACA;;AAEA;EACI;EAKA,ODtWI;ECuWJ;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI","file":"kennethlove.css"}
\ No newline at end of file
diff --git a/themes/editor/static/src/kennethlove.scss b/themes/editor/static/src/kennethlove.scss
index ddc3abd..6644812 100644
--- a/themes/editor/static/src/kennethlove.scss
+++ b/themes/editor/static/src/kennethlove.scss
@@ -27,38 +27,42 @@ body {
 }
 
 .container {
-    display: flex;
-    flex-flow: row wrap;
-    flex-wrap: wrap-reverse;
-    justify-content: space-evenly;
+    display: grid;
+    gap: 1rem;
+    grid-auto-rows: minmax(100px, auto);
+    grid-template-columns: repeat(8, 1fr);
 }
 
 .container>* {
-    flex: 1 100%;
+    // flex: 1 100%;
 }
 
 @media all and (min-width: 600px) {
     .side {
-        flex: 1 auto;
+        // flex: 1 auto;
     }
 }
 
 @media all and (min-width: 800px) {
     .main {
-        flex: 3 0px;
+        // flex: 3 0px;
     }
 
     .side {
-        order: 1;
+        // order: 1;
     }
 
     .main {
-        order: 2;
+        // order: 2;
     }
 }
 
 .side {
-    padding: 1rem;
+    grid-column-start: 1;
+    grid-column-end: 3;
+    grid-row: 1;
+    padding-left: 1rem;
+
 
     h1 {
         font-size: inherit;
@@ -99,9 +103,9 @@ body {
 }
 
 .main {
-    flex-basis: 75%;
-    padding: 1rem;
-    max-width: 90%;
+    grid-column-start: 3;
+    grid-column-end: 8;
+    grid-row: 1;
 }
 
 h1,
@@ -257,27 +261,40 @@ strong {
 }
 
 .post-details {
-    margin-bottom: 1em;
-    max-width: 58em;
+    border-bottom: 1px solid $ff_darkyellow;
+    margin-bottom: 1rem;
+    max-width: 70vw;
+
+    ul {
+        max-width: fit-content;
+
+        li {
+            margin-right: 1rem;
+        }
+    }
 
     time {
         display: block;
-        padding-top: 1em;
+        padding-top: 1rem;
     }
 }
 
-.post-content figure img {
-    height: auto;
-    max-width: 58em;
-    width: 100%;
-}
-
 .post-content {
     .highlight {
         border: 1px solid $ff_lilac;
         margin-bottom: 1em;
     }
 
+    figure img {
+        height: auto;
+        max-width: 50vw;
+        width: 100%;
+    }
+
+    p {
+        max-width: 70vw;
+    }
+
     p code {
         background: $ff_lilac;
         color: $ff_purple;