#3500: Illustratr: Fix overflowing column content (#6100)

* #3500: Illustratr: Fix overflowing column content

* #3500: Illustratr: Fix overflowing columns in groups

* #3500: Illustratr: Broaden rules to fix columns w/in other blocks

* #3500: Remove unnecessary CSS comment

illustratr/blocks.css

@@ -71,6 +71,15 @@ Description: Used to style Gutenberg Blocks.
 
 /* Wide Width */
 
+div[class$="inner-container"] .wp-block-columns {
+	margin: 0 auto;
+	width: 100%;
+}
+
+div[class$="inner-container"] .wp-block-columns:not(.alignwide, .alignfull) {
+	max-width: 840px;
+}
+
 @media (min-width: 1024px) {
 	.alignwide {
 		width: 120%;
@@ -80,6 +89,12 @@ Description: Used to style Gutenberg Blocks.
 		position: relative;
 	}
 
+	div[class$="inner-container"] .wp-block-columns.alignwide {
+		width: calc(840px + 10%);
+		max-width: 100%;
+		margin: 0 auto;
+	}
+
 	.wp-block-embed.is-type-video.alignwide iframe {
 		width: 100% !important;
 		height: 100% !important;
@@ -89,7 +104,6 @@ Description: Used to style Gutenberg Blocks.
 /*--------------------------------------------------------------
 2.0 Blocks - Common Blocks
 --------------------------------------------------------------*/
-
 /* Paragraph */
 
 p.has-drop-cap:not(:focus)::first-letter {