Technique for reliable "cube" layout?

Hi all.

I need to create a site for a client that uses ONLY square content — the text is contained in squares. Images are squares. Headlines. Flat colors. You get the idea.

Very similar to an Instagram feed layout.

What would be the best way to build a responsive layout in EditorX that could maintain the square-ness of the containers across all break points, and also their order?

Any help much appreciated.

2 options as for me, layouters or huge and long sections with grid cells

not so long ago I was assisting one of our users with creation of media gallery without any apps only section, Gridcells and media files

it did work well

hope the same would work for you, here is small video:

Thank you Andrii. I worked on it all day yesterday and determined that the best design is a single column of squares. One tall section. Central grid column. One tall container in it. A grid of squares in the container.
then, I can add square containers into that grid, and fill them with whatever I need. so each square becomes a design ”unit“. Here’s what I have so far:

he challenge, of course, is to work up from the mobile breakpoint to desktop, as this has to work best on phones, with desktop way down the priority list.

thanks for your help :slight_smile:

looks nice, it is not common view and it is really decent :sunglasses: