From 0d30666740319a44ccb1167b9c672728c15d02f5 Mon Sep 17 00:00:00 2001
From: MinaAlmasi <mina.almasi00@gmail.com>
Date: Mon, 25 Nov 2024 16:34:14 +0100
Subject: [PATCH] fix: buttons on mobile not displaying properly

---
 content/venue.md                            | 9 ++++++++-
 content/venue/finding-the-venue.md          | 9 ++++++++-
 content/venue/getting-around-aarhus.md      | 9 ++++++++-
 docs/venue/finding-the-venue/index.html     | 9 ++++++++-
 docs/venue/getting-around-aarhus/index.html | 9 ++++++++-
 docs/venue/index.html                       | 9 ++++++++-
 6 files changed, 48 insertions(+), 6 deletions(-)

diff --git a/content/venue.md b/content/venue.md
index d9b4ee2..e09a59a 100644
--- a/content/venue.md
+++ b/content/venue.md
@@ -7,7 +7,7 @@ title: "Venue"
 /* define banner for about page */
 .banner-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
     padding: 0px;
 }
@@ -68,6 +68,13 @@ title: "Venue"
         width: 28px;
         height: 28px;
     }
+
+    .banner-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+    padding: 0px;
+}
 }
 </style>
 
diff --git a/content/venue/finding-the-venue.md b/content/venue/finding-the-venue.md
index 657dc76..7bbe72f 100644
--- a/content/venue/finding-the-venue.md
+++ b/content/venue/finding-the-venue.md
@@ -66,7 +66,7 @@ title: "Finding the Conference Venue"
 /* define banner for about page */
 .banner-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
     padding: 0px;
 }
@@ -127,6 +127,13 @@ title: "Finding the Conference Venue"
         width: 28px;
         height: 28px;
     }
+
+    .banner-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+    padding: 0px;
+}
 }
   </style>
 
diff --git a/content/venue/getting-around-aarhus.md b/content/venue/getting-around-aarhus.md
index 2f5619a..fc43a86 100644
--- a/content/venue/getting-around-aarhus.md
+++ b/content/venue/getting-around-aarhus.md
@@ -17,7 +17,7 @@ title: "Getting around in Aarhus"
 /* define banner for about page */
 .banner-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
     padding: 0px;
 }
@@ -78,6 +78,13 @@ title: "Getting around in Aarhus"
         width: 28px;
         height: 28px;
     }
+
+    .banner-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+    padding: 0px;
+}
 }
 </style>
 
diff --git a/docs/venue/finding-the-venue/index.html b/docs/venue/finding-the-venue/index.html
index 5826d12..add42f3 100644
--- a/docs/venue/finding-the-venue/index.html
+++ b/docs/venue/finding-the-venue/index.html
@@ -149,7 +149,7 @@ <h3 class="header center"></h3>
 /* define banner for about page */
 .banner-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
     padding: 0px;
 }
@@ -210,6 +210,13 @@ <h3 class="header center"></h3>
         width: 28px;
         height: 28px;
     }
+
+    .banner-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+    padding: 0px;
+}
 }
   </style>
 <p>The main address of the CHR2024 conference is <a href="https://maps.app.goo.gl/9sM2wLpzXuNjrWNr8">Bartholins Allé 8, 8000 Aarhus C</a>, where the registration and breakfast takes place on the first day. Read more about transport:</p>
diff --git a/docs/venue/getting-around-aarhus/index.html b/docs/venue/getting-around-aarhus/index.html
index 3ec53ff..962773e 100644
--- a/docs/venue/getting-around-aarhus/index.html
+++ b/docs/venue/getting-around-aarhus/index.html
@@ -101,7 +101,7 @@ <h3 class="header center"></h3>
 /* define banner for about page */
 .banner-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
     padding: 0px;
 }
@@ -162,6 +162,13 @@ <h3 class="header center"></h3>
         width: 28px;
         height: 28px;
     }
+
+    .banner-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+    padding: 0px;
+}
 }
 </style>
 <p>Discover the many travel options that Aarhus has, and read more about how to buy tickets for public transport in Aarhus.</p>
diff --git a/docs/venue/index.html b/docs/venue/index.html
index 3ac978f..32e7e69 100644
--- a/docs/venue/index.html
+++ b/docs/venue/index.html
@@ -90,7 +90,7 @@ <h3 class="header center"></h3>
 /* define banner for about page */
 .banner-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
     padding: 0px;
 }
@@ -151,6 +151,13 @@ <h3 class="header center"></h3>
         width: 28px;
         height: 28px;
     }
+
+    .banner-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+    padding: 0px;
+}
 }
 </style>
 <!--WRITTEN CONTENT STARTS HERE-->