Template:KB-Consoles/styles.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
+@media screen and (min-width: 851px) {
 .container {
-	display: block;
+  display: grid;
-	text-align: left;
+  grid-template-columns: 1fr 1fr;
-	row-gap: 800px
+  grid-template-rows: 1fr 1fr;
 }
-.image img {
-	max-width: 200px;
-	height: auto;
-}
-@media screen and (min-width: 851px) {
-	.container {
-		grid-template-columns: 1fr 1fr;
-	}
 	.section_a {
 		grid-row: 1;
+		grid-column: 1;
 	}
 	.section_b {
-		grid-row: 2;
+		grid-row: 1;
+		grid-column: 2;
 	}
 	.section_c {
-		grid-row: 3;
+		grid-row: 2;
+		grid-column: 1;
 	}
 	.section_d {
-		grid-row: 4;
+		grid-row: 2;
+		grid-column: 2;
 	}
 }