From ded596d68271b3785e4432eeff036fe9a686b141 Mon Sep 17 00:00:00 2001
From: Indrajith K L
Date: Sun, 20 Nov 2022 05:45:40 +0530
Subject: Updates Big List of Game Development Tools * Layout Changes

---
 src/posts/big-list-game-dev.njk | 55 +++++++++++++++--------------------------
 1 file changed, 20 insertions(+), 35 deletions(-)

(limited to 'src/posts/big-list-game-dev.njk')

diff --git a/src/posts/big-list-game-dev.njk b/src/posts/big-list-game-dev.njk
index ac97cb3..ec418da 100644
--- a/src/posts/big-list-game-dev.njk
+++ b/src/posts/big-list-game-dev.njk
@@ -15,41 +15,26 @@
     in developing your dream game/prototypes.
 </p>
 <div>
-    <div>
-        <table>
-            <thead>
-                <tr>
-                    <th scope="col"></th>
-                    <th scope="col">
-                                Tool Type
-                            </th>
-                    <th scope="col">
-                                Supported Graphics
-                            </th>
-                    <th scope="col">
-                                Development Environment
-                            </th>
-                </tr>
-            </thead>
-            <tbody>
-                {% for tool in gtools.gameTools%}
-                    <tr>
-                        <td>
-                            <a href={{tool.link}}>{{tool.toolName}}</a>
-                        </td>
-                        <td>
-                            {{tool.type}}
-                        </td>
-                        <td>
-                            {{tool.graphics}}
-                        </td>
-                        <td>
-                            {{tool.os}}
-                        </td>
-                    </tr>
-                {% endfor %}
-            </tbody>
-        </table>
+    <div class="tools-container">
+        {% for tool in gtools.gameTools%}
+            <div class="tool">
+                <div class="tool-name">
+                    <a href={{tool.link}}>{{tool.toolName}}</a>
+                </div>
+                <div class="tool-type mt-10">
+                    <label for="tool-type">Type : </label>
+                    {{tool.type}}
+                </div>
+                <div class="tool-graphics">
+                    <label for="tool-graphics">Graphics Supported : </label>
+                    {{tool.graphics}}
+                </div>
+                <div class="tool-os">
+                    <label for="tool-os">Development OS: </label>
+                    {{tool.os}}
+                </div>
+            </div>
+        {% endfor %}
     </div>
 </div>
 <div class="mt-10">
-- 
cgit v1.2.3