* Style Fixes

2 files changed, 15 insertions, 27 deletions

diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css
index 8cd32c5..874c75c 100644
--- a/src/_includes/assets/css/styles.css
+++ b/src/_includes/assets/css/styles.css
@@ -852,6 +852,11 @@ select {
   margin-right: -2rem;
 }
 
+.my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
 .mt-10 {
   margin-top: 2.5rem;
 }
@@ -940,6 +945,10 @@ select {
   margin-left: 0.5rem;
 }
 
+.ml-7 {
+  margin-left: 1.75rem;
+}
+
 .ml-0 {
   margin-left: 0px;
 }
@@ -956,10 +965,6 @@ select {
   margin-left: 2.5rem;
 }
 
-.ml-7 {
-  margin-left: 1.75rem;
-}
-
 .block {
   display: block;
 }
@@ -1309,6 +1314,11 @@ select {
   background-color: rgb(84 78 104 / var(--tw-bg-opacity));
 }
 
+.bg-main-red {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 139 167 / var(--tw-bg-opacity));
+}
+
 .bg-lightish-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 236 214 / var(--tw-bg-opacity));
@@ -1374,11 +1384,6 @@ select {
   background-color: rgb(255 255 254 / var(--tw-bg-opacity));
 }
 
-.bg-main-red {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 139 167 / var(--tw-bg-opacity));
-}
-
 .bg-gray-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
@@ -2002,11 +2007,6 @@ pre[class*="language-"] {
     grid-column: span 2 / span 2;
   }
 
-  .sm\:-mx-6 {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-  }
-
   .sm\:overflow-hidden {
     overflow: hidden;
   }
@@ -2090,15 +2090,3 @@ pre[class*="language-"] {
     line-height: 2rem;
   }
 }
-
-@media (min-width: 1024px) {
-  .lg\:-mx-8 {
-    margin-left: -2rem;
-    margin-right: -2rem;
-  }
-
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-}
diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk
index 8eedbbc..11d0591 100644
--- a/src/_includes/posts.njk
+++ b/src/_includes/posts.njk
@@ -26,7 +26,7 @@
                         </span>
                     </span>
                 </div>
-                <div class="my-4">
+                <div class="my-5">
                     <a class="justify-start bg-main-red rounded-md p-3 text-main-cream-white-1" href="/posts"><span class="absolute">{% feather "arrow-left" %}</span> <span class="ml-7">back to posts</span></a>
                 </div>
             </section>