Article Update

* Article: Big List of Open Source Game Development Tools
* Content Changes

3 files changed, 30 insertions, 4 deletions

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>
 
diff --git a/src/posts/big-list-game-dev.njk b/src/posts/big-list-game-dev.njk
index 6680684..a694a4c 100644
--- a/src/posts/big-list-game-dev.njk
+++ b/src/posts/big-list-game-dev.njk
@@ -62,6 +62,6 @@ description: Big List of Open Source Game Development Tools
         </table>
     </div>
 </div>
-<div class="pt-5 text-xs">
-    If you want to add a tool or engine to this list or if you have any complaint with this article drop a {% feather "mail" %} @ <span class="font-bold">indrajith(at)indrajith(dot)dev</span>
+<div class="pt-5 text-xs md:text-justify text-left">
+    <span class="text-center">If you want to add a tool or engine to this list or if you have any complaint with this article feel free to drop a mail @ <span class="font-bold">indrajith(at)indrajith(dot)dev</span></span>
 </div>
\ No newline at end of file