updates

templates/default.html

@@ -79,7 +79,7 @@
           <h1 class="top_header_text"><a style="border-radius: 5px; padding: 10px; opacity: 0.7; background: black">{{ page_title }}</a></h1>
         </div>
     </div>
-    <div class="top_menu d-flex justify-content-end" style="margin-bottom: 20px;">
+    <div class="top_menu d-flex justify-content-end" >
             <a href="{{ parent_path }}index.html">Home</a>
             <a id="categories_toggle" href="#">Categories</a>
             <a href="{{ parent_path }}static/about.html">About</a>
@@ -92,8 +92,9 @@
       </div>
     </div>    
     
-    <div id="content" class="container-fluid">
-      {% block content %}{% endblock %}
+    <div id="content" class="container-fluid mb-2">
+      {% block content %}
+      {% endblock %}
     </div>
 
     <div id="footer" class="container-fluid">

templates/index.html

@@ -8,11 +8,9 @@
 
 
 {% block content %}
-
-
-  <div class="row mx-auto justify-content-start g-4 py-4">
+  <div class="row d-flex justify-content-start g-4 py-4">
       {% for content_item in content_items %}
-      <div class="col">
+      <div class="col mx-2" style="max-width: 400px;">
           <div class="card h-100 px-0 rounded mx-1 my-3" style="width: 100%; width: 350px;">
             <div class="card-header">
               {% if content_item.image_file %}
@@ -32,11 +30,6 @@
             </div>
           </div>
       </div>
-
-
       {% endfor %}
     </div>
-
-
-
 {% endblock %}