Blog onboarding: fix plan step width (#77594)

* Blog onboarding: fix plan step width * Fix plan comparison chart width
Automattic · Jun 1, 2023 · 31bee99 · 31bee99
1 parent 8dd4420
commit 31bee99
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/client/my-sites/plan-features-2023-grid/style.scss b/client/my-sites/plan-features-2023-grid/style.scss
@@ -341,6 +341,10 @@ $mobile-card-max-width: 440px;
 		&.has-3-cols {
 			max-width: $table-cell-max-width * 3;
 		}
+
+		&.has-4-cols {
+			max-width: $table-cell-max-width * 4;
+		}
 	}
 
 	.plan-features-2023-grid__table-bottom .plan-features-2023-grid__table {
@@ -1102,6 +1106,11 @@ body.is-section-signup.is-white-signup .is-onboarding-2023-pricing-grid .signup_
 	@include plan-comparison-grid-breakpoints;
 }
 
+.is-section-stepper .plan-features-2023-grid__plan-comparison-grid-container {
+	margin: auto;
+	@include plan-comparison-grid-breakpoints;
+}
+
 .formatted-header {
 	margin-bottom: 0;
 }