How can I make a 3×3 grid of content with Caxton?
-
I would like to create a 3×3 grid of images, each image linking to a different URL. I would like this to be responsive, so that on mobile, it is simple a stack of images. The layout is very similar to what “Posts grid” provides, but for linked images rather than posts.
Caxton Layouts provides a few options for layouts, but it doesn’t have an option for a 3×3 grid, or for that matter, a grid that is 3 columns wide and as many rows as is needed.
I’ve tried Atomic Blocks, Block Gallery, Caxton, CoBlocks, Kadence Blocks, Stackable, Ultimate Addons for Gutenberg by Brainstorm Force, and I still haven’t found a block for Gutenberg that will do this.
-
I can find a way to create a 3×1 layout (3 columns and 1 row), but not a 3×3 layout (3 columns and 3 rows). Do you mean that I should create three blocks, each one 3×1? If I do that, it is not very responsive. By default, on small screens, it switches to one item per row, which is not bad, but if I configure the mobile view to show two items per row, I end up with a layout that looks like this:
1 2 3 4 5 6 7 8 9
- The topic ‘How can I make a 3×3 grid of content with Caxton?’ is closed to new replies.
