Merge pull request #77 from cohure/dev

fix: buttons on mobile not displaying properly
cohure · Nov 25, 2024 · 66564fb · 66564fb
2 parents fc20bf6 + 0d30666
commit 66564fb
Show file tree

Hide file tree

Showing 6 changed files with 48 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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-->