Make collapsing work as expected again for 7 column layout

css/main.css

@@ -122,19 +122,19 @@ a.detail:hover {
 }
 
 @media (max-width: 1150px) {
-    main {
+    main, main.col-7 {
         grid-template-columns: repeat(4, min-content);
     }  
 }
 
 @media (max-width: 980px) {
-    main {
+    main, main.col-7 {
         grid-template-columns: repeat(3, min-content);
     }
 }
 
 @media (max-width: 740px) {
-    main {
+    main, main.col-7 {
         grid-template-columns: repeat(2, min-content);
     }
 }
@@ -145,14 +145,14 @@ a.detail:hover {
         height: 8em;
     }
 
-    main {
+    main, main.col-7 {
         column-gap: 2em;
         margin: 2em;
     }
 }
 
 @media (max-width: 310px) {
-    main {
+    main, main.col-7 {
         grid-template-columns: repeat(1, min-content);
     }
-}
+}
\ No newline at end of file