diff --git a/templates/default.html b/templates/default.html
index 8dd931f..7499e9c 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -38,13 +38,13 @@
         padding: 10px 20px;
         border-radius: 10px;
       }
-
+      /*
       @media (min-width: 768px) {
         .top_header_text {
           font-size: 4rem;
         }
       }
-
+      */
       article {
         font-size: 1.1rem;
         line-height: 1.6;
@@ -82,13 +82,13 @@
     </div>
 
     <div id="footer" class="container-fluid">
-      <div id="footer-data" class="row">
+      <div id="footer-data" class="row my-1">
         {% block footer_includes %}
         {% endblock %}
       </div>
       <div class="row small d-flex text-muted justify-content-end">
-        <div class="col-auto">
-          <p>Page created with <a class="text-decoration-none" href="#">microgen</a></p>
+        <div class="col-auto" style="font-size: 0.75rem;">
+          <p>Page created with <a class="text-decoration-none" href="#microgen">microgen</a></p>
         </div>
       </div>
     </div>
diff --git a/templates/index.html b/templates/index.html
index d51a733..73bc328 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,13 +6,13 @@
 {% endblock %}
 
 {% block content %}
-  <div class="row d-flex justify-content-start g-4 py-4">
+  <div class="row justify-content-start g-4 mb-4 py-4">
       {% for content_item in content_items %}
-      <div class="col-auto mx-2" style="max-width: 400px;">
+      <div class="col-auto align-items-stretch d-flex 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 %}
-              <img src="{{ parent_path }}static/images/{{ content_item.image_file }}" alt="{{ content_item.title }}" class="card-img-top img-fluid mx-auto d-block object-fit-scale rounded" style="height: 200px; width: auto;">
+              <img src="{{ parent_path }}static/images/{{ content_item.image_file }}" alt="{{ content_item.title }}" class="card-img-top img-fluid mx-auto d-block object-fit-fill rounded" style="height: 200px; width: auto;">
               {% else %}
               <img src="{{ parent_path }}static/images/1x1.png" alt="{{ content_item.title }}" class="card-img-top img-fluid mx-auto d-block object-fit-scale rounded" style="height: 200px; width: auto;">
               {% endif %}
@@ -21,7 +21,7 @@
               <h5 class="fw-bold"><a class="text-decoration-none text-body" href="{{ parent_path }}content/{{ content_item.slug}}.html">{{ content_item.title }}</a></h5>
               <p class="card-text mb-2">{{ content_item.preview | safe}}<a class="text-decoration-none" href="{{ parent_path }}content/{{ content_item.slug}}.html">... read more</a> </p>
             </div>
-            <div class="card-footer">
+            <div class="card-footer" style="height: 4em;">
               {% for item_category in content_item.categories %}
               <small><a href="{{ parent_path }}categories/{{ item_category }}.html" class="text-muted text-decoration-none mx-1">{{ item_category }}</a></small>
               {% endfor %}