Update 3rd Feb, 2019:
Attempted to use Gutenberg on a new website again. All that was required was a 3-column layout with a captioned image in each. Simple enough, right?
The default dimensions with which an uploaded image is placed in Gutenberg are absolute, and based on the column width inside the editor. That would make the image tiny in almost any real-world application (save for very narrow layouts). You can change them to a percentage, but there’s a glaring issue pictured here: https://i.imgur.com/sR5NwPF.jpg
- Set the image width to 100% and it breaks the layout within Gutenberg. However, the achieves the desired effect in the front-end: the image occupies 100% of the column width. However, as the screenshot above illustrates, it’s impossible to use Gutenberg that way as it overlaps with its UI and all adjacent blocks.
- Set the image to 33% (or anything else) and, once again, everything is going to be too small in the front-end.
I’m not going to waste any more time trying to use it in this project, but I’ll try to document further attempts on other websites.
-
This reply was modified 5 years, 10 months ago by Edward M..
