Added some comments in CSS

woocommerce · Nov 9, 2023 · 00de295 · 00de295
1 parent e612ff6
commit 00de295
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss b/assets/js/blocks/checkout/inner-blocks/checkout-fields-block/style.scss
@@ -18,11 +18,11 @@
 			display: flex;
 			flex-wrap: wrap;
 			justify-content: space-between;
-			gap: 0 calc(#{$gap-smaller} * 2);
+			gap: 0 calc(#{$gap-smaller} * 2); // Required for spacing especially when using flex-grow
 
 			.wc-block-components-text-input,
 			.wc-block-components-state-input {
-				flex: 1 0 calc(50% - #{$gap-smaller});
+				flex: 1 0 calc(50% - #{$gap-smaller}); // "flex-grow = 1" allows the input to grow to fill the space
 				box-sizing: border-box;
 
 				&:nth-of-type(2),