Prevent text and images from overlaying while resizing

[K_Rim]

I got the issue that the text and images all overlay while I resize the window.
There has to be a quick fix to prevent this happening?

The video shows a quick example of what I mean.

https://streamable.com/x8j6ah

[panteley]

@K_Rim Try setting the space between rows in PX instead of % [Row Gutter]

[felix_rabe]

@K_Rim it seems you have placed your content in one row with "place freely". you could try to place the copy text in one row, and then the image and headline in a new row below.

[K_Rim]

Thanks for the hints @panteley and @felix_rabe.

It got a bit better, but it's still overlapping.
Any other advices?
I changed the row and column gutter to px and disabled the horizontal grid.

[arminunruh]

do u have a link

maybe use textformats, activate tablet sizes for textformats in lay options
then set different sizes for the textformats you use in "textformats" so the sizes are small enough for different screensizes.

https://laytheme.com/documentation/textformats-and-webfonts.html#textformats

also in the texteditor you can use softhyphen button, it will make your word break at that point