diff --git a/src/_includes/styles.css b/src/_includes/styles.css
index 3d70b11..e0504e6 100644
--- a/src/_includes/styles.css
+++ b/src/_includes/styles.css
@@ -147,6 +147,19 @@ nav {
   z-index: -1;
 }
 
+
+.link_tiles_grid {
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+  gap: 15px;
+}
+
+.link_tiles_grid>a,
+.link_tiles_grid>a>img {
+  width: 230px;
+}
+
 @media all and (max-width: 1100px) {
   body {
     flex-direction: column-reverse;
@@ -198,6 +211,21 @@ nav {
   aside>a:hover {
     transform: none;
   }
+
+  .link_tiles_grid>a,
+  .link_tiles_grid>a>img {
+    max-width: 230px;
+    width: calc((100vw - 100px)/3);
+  }
+
+  /* switch to two tiles when it gets really small */
+    @media all and (max-width: 545px) {
+      .link_tiles_grid>a,
+      .link_tiles_grid>a>img {
+        max-width: 230px;
+        width: calc((100vw - 85px)/2);
+      }
+    }
 }
 
 article>p {
@@ -230,17 +258,6 @@ footer {
   margin-top: 25px;
 }
 
-.link_tiles_grid {
-  display: flex;
-  width: 100%;
-  flex-wrap: wrap;
-  gap: 15px;
-}
-
-.link_tiles_grid>a,
-.link_tiles_grid>a>img {
-  width: 230px;
-}
 
 .nav-buttons {
   display: flex;