Gutenberg: CSS issue with aligning block left or right

[paaljoachim]

This is a sense is continuing the responsive Gutenberg issue. The responsive-embeds is added to the child theme functions file. https://github.com/Getbeans/Beans/issues/349

Centering a video embed brings block to center of screen.

Aligning block left as seen inside Gutenberg:

As seen on the frontend:

I am not sure if this is something that needs to be added to the parent Beans theme or if this belongs in the child theme.

---

https://github.com/WordPress/gutenberg/issues/11448

Thanks for the report.

I don't see any issue from the screenshots, that's just how float positionning works . If there's enough place, you image or any other block will show up next to the floated item. The difference is that the available width in the frontend and the backend is not the same (The theme editor styles could align the widths).

I suggest adding a custom className to your second image and apply

.my-image {
   clear: both;
}

[christophherr]

@paaljoachim Thank you for testing all the things Gutenberg. I'm not sure about this specific issue but I'd say we have to add some general Gutenberg styling/support to the framework.