Fixes overlaping column contents for embeds (#21570)

* fixes overlaping column contents for embeds

I don't know why the min-width was 360px but setting it to 100% seems to both fix this and not create other issues.

* removest the width of the embeds and the code that deactivated it for placeholders

* Fix collapsing floated embeds.

Co-authored-by: jasmussen <joen@automattic.com>

packages/block-library/src/embed/editor.scss

@@ -7,17 +7,6 @@
 	// therefore the video doesn't intrinsically clear floats like an image does.
 	clear: both;
 
-	// Apply a min-width, or the embed can collapse when floated.
-	// Instagram widgets have a min-width of 326px, so go a bit beyond that.
-	@include break-small() {
-		min-width: 360px;
-
-		// The placeholder should not have this min-width.
-		&.components-placeholder {
-			min-width: 0;
-		}
-	}
-
 	&.is-loading {
 		display: flex;
 		flex-direction: column;

packages/block-library/src/embed/style.scss

@@ -1,6 +1,6 @@
 // Apply max-width to floated items that have no intrinsic width
-.block-editor-block-list__block[data-type="core/embed"][data-align="left"],
-.block-editor-block-list__block[data-type="core/embed"][data-align="right"],
+.block-editor-block-list__block[data-type*="core-embed"][data-align="left"] .is-block-content,
+.block-editor-block-list__block[data-type*="core-embed"][data-align="right"] .is-block-content,
 .wp-block-embed.alignleft,
 .wp-block-embed.alignright {
 	// Instagram widgets have a min-width of 326px, so go a bit beyond that.