Default to 5 column layout

css/main.css

@@ -23,7 +23,7 @@ main {
     display: grid;
     margin: 4em 0;
     
-    grid-template-columns: repeat(4, min-content);
+    grid-template-columns: repeat(5, min-content);
     column-gap: 4em;
     
     row-gap: 2em;
@@ -88,6 +88,12 @@ a.detail:hover {
     color: white;
 }
 
+@media (max-width: 1150px) {
+    main {
+        grid-template-columns: repeat(4, min-content);
+    }  
+}
+
 @media (max-width: 980px) {
     main {
         grid-template-columns: repeat(3, min-content);