Made cards responsive

jespermhl · Jul 24, 2024 · 9508f1e · 9508f1e
1 parent c464090
commit 9508f1e
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/compile.py b/compile.py
@@ -208,7 +208,7 @@ def generate_card(title, date, path, author, snippet, image):
         if len(filtered_pages) > 3:
             more_page_path = os.path.join('more', f"{path_key}.html")
             homepage_content += f"""
-            <div class="card" style="margin: 10px;">
+            <div class="card home-card" style="margin: 10px;">
                 <div class="card-body d-flex align-items-center justify-content-center">
                     <a href='{more_page_path}' class='btn btn-secondary mx-4'>More {section_title}</a>
                 </div>

diff --git a/dist/assets/css/styles.css b/dist/assets/css/styles.css
@@ -20,7 +20,7 @@ main {
    gap: 1rem;
 }
 
-.card {
+.home-card {
    max-width: 20%; 
    flex: 0 0 auto; 
 }
diff --git a/dist/index.html b/dist/index.html
@@ -77,7 +77,7 @@ <h6 class="card-subtitle mb-2 text-muted">Posted on July 24, 2024 by Jesper</h6>
             </div>
         </div>
 
-            <div class="card" style="margin: 10px;">
+            <div class="card home-card" style="margin: 10px;">
                 <div class="card-body d-flex align-items-center justify-content-center">
                     <a href='more/updates.html' class='btn btn-secondary mx-4'>More Updates</a>
                 </div>

diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css
@@ -20,7 +20,7 @@ main {
    gap: 1rem;
 }
 
-.card {
+.home-card {
    max-width: 20%; 
    flex: 0 0 auto; 
 }