Updated css grid

resources/css/main.css

@@ -105,13 +105,15 @@ tr:hover {
   display: grid;
   justify-content: space-evenly;
   align-content: space-evenly;
-  grid-template-columns: repeat(3, 1fr);
-  grid-column-gap: auto;
+  grid-column-gap: 20px;
   grid-row-gap: 20px;
+  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
 }
 .textboxGrid * {
   size: 100%;
-  padding: 40px 80px;
+  margin: 0px;
+  padding: 30px 0px;
+  text-align: center;
   background-color: #787878;
 }
 .textboxGrid .linkElement {

resources/css/scss/_classes.scss

@@ -30,16 +30,19 @@
     align-content: space-evenly;
 
     grid: {
-        template-columns: repeat(3, 1fr);
-
-        column-gap: auto;
+        column-gap: 20px;
         row-gap: 20px;
+
+        template-columns: repeat(auto-fit, minmax(350px, 1fr));
     }
 
     * {
 
         size: 100%;
-        padding: 40px 80px;
+        margin: 0px;
+        padding: 30px 0px;
+        text-align: center;
+        
         background-color: $grey4;
 
     }

test-template-generator/task-template/oppgave.html

@@ -12,5 +12,9 @@
 
     <h1>Oppgave taskNumber</h1>
 
+    <div class="center">
+
+    </div>
+    
 </body>
 </html>