Skip to main content

Universe Basics: Stack Block

Stack Block allows you to group other blocks together in a dynamic layout that automatically adjusts depending on the space available. Thi...

Written by Braden Boothby
Updated over 3 weeks ago

Stack Block allows you to group other blocks together in a dynamic layout that automatically adjusts depending on the space available. This makes it possible to create collections of content that maintain the size of individual items and wrap to new rows when more space is needed.

Stack Block is perfect for collections of icons, products, photos, or anything you need stacked together seamlessly.

When to use Stack Block

Blocks in a Stack Block automatically wrap based on the space available. For example if you have two images that fit great side by side on a large screen but need to stack on a smaller screen.

Northeast Cabin Website - Full Bleed Banner & Images - Mac & iPhone Safari Light Extra Smaller.png

Stack Block provides control for item size. You can set minimum and maximum item sizes as well as precise gaps between items. Perfect for dynamic grids like images or products. This example allows 6 images to fit 3 wide on large screens and 2 wide on smaller screens.

Northeast Cabin Website - Image Grid - Mac & iPhone Safari Light Extra Smaller.png

Stack Block also includes alignment control. When combined with maximum item size it is perfect for ensuring a group of blocks has enough space to fit in one row on iPhone while staying aligned on larger screens.

Northeast Cabin Website - Social Icons - Mac & iPhone Safari Light Extra Smaller.png

We are just scratching the surface on what is possible with the all new Stack Block. We cannot wait to see what you build with it.

If you have questions about Stack Block or anything else related to your website we would love to help. Email us at [email protected] or contact Customer Service inside Universe.

Did this answer your question?