From 574bbc0b42ba8cc6a151fc62cf3baa09333fe4f1 Mon Sep 17 00:00:00 2001
From: Indrajith K L
Date: Mon, 31 Oct 2022 21:00:43 +0530
Subject: Article Update * Article: Big List of Open Source Game Development
 Tools * Content Changes

---
 src/_includes/assets/css/styles.css | 26 ++++++++++++++++++++++++++
 src/_includes/posts.njk             |  4 ++--
 2 files changed, 28 insertions(+), 2 deletions(-)

(limited to 'src/_includes')

diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css
index 4f0057d..e93ba11 100644
--- a/src/_includes/assets/css/styles.css
+++ b/src/_includes/assets/css/styles.css
@@ -969,6 +969,10 @@ select {
   margin-left: 2.5rem;
 }
 
+.mb-4 {
+  margin-bottom: 1rem;
+}
+
 .block {
   display: block;
 }
@@ -2087,6 +2091,14 @@ svg {
     padding: 2.5rem;
   }
 
+  .md\:text-center {
+    text-align: center;
+  }
+
+  .md\:text-justify {
+    text-align: justify;
+  }
+
   .md\:text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;
@@ -2102,3 +2114,17 @@ svg {
     line-height: 2rem;
   }
 }
+
+@media (min-width: 1024px) {
+  .lg\:w-full {
+    width: 100%;
+  }
+
+  .lg\:text-left {
+    text-align: left;
+  }
+
+  .lg\:text-center {
+    text-align: center;
+  }
+}
diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk
index 00a1349..1c62004 100644
--- a/src/_includes/posts.njk
+++ b/src/_includes/posts.njk
@@ -18,7 +18,7 @@
                         </div>
                     </div>
                 </article>
-                <div class="flex flex-col text-xs text-center">
+                <div class="flex flex-col text-xs text-center  mb-4">
                     <span>If you found this article useful, spread the word by sharing this link 👉
                         <span class="w-1 absolute ml-2 my-0">
                             <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-via="indrajithKLIS" data-hashtags="gamedev #indiegamedev #gametools" data-show-count="false">Tweet</a>
@@ -27,7 +27,7 @@
                     </span>
                 </div>
                 <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>
+                    <a class="justify-start bg-main-red rounded-md p-3 text-main-cream-white-1" href="/posts"><span class="absolute md:text-center text-left">{% feather "arrow-left" %}</span> <span class="ml-7">back to posts</span></a>
                 </div>
             </section>
 
-- 
cgit v1.2.3