Add grid-container-6

src/style.css

@@ -45,6 +45,52 @@
   border-right: 1px solid white;
 }
 
+
+.grid-container-6 {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  grid-template-rows: repeat(9, auto);
+  grid-column-gap: 0px;
+  grid-row-gap: 10px;
+  color: white;
+  
+  .timeslot1 { grid-area: 1 / 1 / 2 / 2; }
+  .timeslot2 { grid-area: 1 / 2 / 2 / 3; }
+  .timeslot3 { grid-area: 1 / 3 / 2 / 4; }
+  .timeslot4 { grid-area: 1 / 4 / 2 / 5; }
+  .timeslot5 { grid-area: 1 / 5 / 2 / 6; }
+  .timeslot6 { grid-area: 1 / 6 / 2 / 7; }
+  .tier1 { grid-area: 2 / 1 / 3 / 7; }
+  .playerslot1 { grid-area: 3 / 1 / 4 / 2; }
+  .playerslot2 { grid-area: 3 / 2 / 4 / 3; }
+  .playerslot3 { grid-area: 3 / 3 / 4 / 4; }
+  .playerslot4 { grid-area: 3 / 4 / 4 / 5; }
+  .playerslot5 { grid-area: 3 / 5 / 4 / 6; }
+  .playerslot6 { grid-area: 3 / 6 / 4 / 7; }
+  .tier2 { grid-area: 4 / 1 / 5 / 7; }
+  .playerslot7 { grid-area: 5 / 1 / 6 / 2; }
+  .playerslot8 { grid-area: 5 / 2 / 6 / 3; }
+  .playerslot9 { grid-area: 5 / 3 / 6 / 4; }
+  .playerslot10 { grid-area: 5 / 4 / 6 / 5; }
+  .playerslot11 { grid-area: 5 / 5 / 6 / 6; }
+  .playerslot12 { grid-area: 5 / 6 / 6 / 7; }
+  .tier3 { grid-area: 6 / 1 / 7 / 7; }
+  .playerslot13 { grid-area: 7 / 1 / 8 / 2; }
+  .playerslot14 { grid-area: 7 / 2 / 8 / 3; }
+  .playerslot15 { grid-area: 7 / 3 / 8 / 4; }
+  .playerslot16 { grid-area: 7 / 4 / 8 / 5; }
+  .playerslot17 { grid-area: 7 / 5 / 8 / 6; }
+  .playerslot18 { grid-area: 7 / 6 / 8 / 7; }
+  .tier4 { grid-area: 8 / 1 / 9 / 7; }
+  .playerslot19 { grid-area: 9 / 1 / 10 / 2; }
+  .playerslot20 { grid-area: 9 / 2 / 10 / 3; }
+  .playerslot21 { grid-area: 9 / 3 / 10 / 4; }
+  .playerslot22 { grid-area: 9 / 4 / 10 / 5; }
+  .playerslot23 { grid-area: 9 / 5 / 10 / 6; }
+  .playerslot24 { grid-area: 9 / 6 / 10 / 7; }
+
+}
+
 .grid-container-7 {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
@@ -52,7 +98,6 @@
   grid-column-gap: 0px;
   grid-row-gap: 10px;
   color: white;
-  }
   
   .timeslot1 { grid-area: 1 / 1 / 2 / 2; }
   .timeslot2 { grid-area: 1 / 2 / 2 / 3; }
@@ -92,4 +137,6 @@
   .playerslot25 { grid-area: 9 / 4 / 10 / 5; }
   .playerslot26 { grid-area: 9 / 5 / 10 / 6; }
   .playerslot27 { grid-area: 9 / 6 / 10 / 7; }
-  .playerslot28 { grid-area: 9 / 7 / 10 / 8; }
+  .playerslot28 { grid-area: 9 / 7 / 10 / 8; }
+
+}