Created grid container to make standard activities appear on top of registered activities

2026-05-22 10:38:13 +02:00
parent 1b662ed4ea
commit eb87a831ef
2 changed files with 83 additions and 77 deletions
@@ -13,20 +13,29 @@ body {
 	text-align: left;
 }

-.flex-container {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	gap: 20px;
-	justify-content: center;
-	flex: auto;
+.grid-container {
+	display: grid;
+	column-gap: 20px;
+	row-gap: 20px;
 }

-.vertical-flex {
-	display: flex;
-	flex-direction: column;
-	flex-wrap: wrap;
-	gap: 20px;
+@media (min-width: 1000px) {
+	.grid-container {
+		grid-template-columns: auto auto;
+		grid-template-rows: auto auto;
+	}
+
+	.standard-activities-div {
+		grid-column: 2;
+		grid-row: 1 / -1;
+	}
+}
+
+@media (max-width: 999px) {
+	.grid-container {
+		grid-template-columns: auto;
+		grid-template-rows: auto auto auto;
+	}
 }

 .register-activity-div {