Keep the Mobile's vertical distribution of cover area until 960px.

WordPress · Dec 11, 2023 · ac425be · ac425be
1 parent 85b53e0
commit ac425be
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/cover.pcss b/public_html/wp-content/themes/wporg-events-2023/postcss/page/front-page/cover.pcss
@@ -6,7 +6,22 @@
 	}
 
 	@media (--medium) {
+		.wp-block-columns {
+			flex-wrap: wrap !important;
+
+			.wp-block-column {
+				flex-grow: 1 !important;
+			}
+		}
+	}
+
+	@media (--large) {
 		padding-left: var(--wp--preset--spacing--edge-space);
+		padding-right: var(--wp--preset--spacing--edge-space);
+
+		.wp-block-columns {
+			flex-wrap: nowrap !important;
+		}
 
 		.wp-block-columns .wp-block-column:first-child {
 			padding-left: 0;
@@ -23,9 +38,6 @@
 	}
 
 	@media (--huge) {
-
-		padding-right: var(--wp--preset--spacing--edge-space);
-
 		.wp-block-columns .wp-block-column:first-child {
 			flex-basis: 33% !important;
 		}