Merge pull request #77 from ALPSim/fix/homepage-btn-grid-3col

fix: lock homepage btn-grid to 3 columns on wide screens

Author: Ooolab

assets/css/alps.css

@@ -235,12 +235,24 @@
 
 .btn-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
+  grid-template-columns: repeat(3, 1fr);
   gap: 0.75rem;
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
 }
 
+@media (max-width: 40rem) {
+  .btn-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 26rem) {
+  .btn-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
 .btn-grid .btn {
   width: 100%;
   margin: 0;