
LAYOUTS
LAYOUTS
FEATURES

24+ COLUMNS
There are no restrictions to how many columns you can add. Each column also supports having its own sub columns.
MIXED COLUMN WIDTHS
Change the width of each individual column to create unique layouts. Columns will automatically wrap into new rows as you add more.
Lorem
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
REARRANGEABLE COLUMNS & ROWS
Swap or move entire rows & columns just by dragging them into place.

Lorem Ipsum
Lorem Ipsum

COMPLEX LAYOUTS
Create complex layouts that can be difficult to make with other stacks. You can also make major adjustments on the fly with just a few clicks.
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
ONE CLICK MODIFICATIONS
Setup has been streamlined to be as easy & quick as possible.
SPACING CONTROL
Spacing is set by default so no modifications are needed, however if you need to adjust the spacing you do have the option.
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
EASY VERTICAL ALIGNMENT
Keep content clean & perfectly aligned automatically without adjusting padding, margin, or position.

Content Centered

Content Top

Content Bottom

Image Centered

Image Top

Image Bottom
QUICK ADD TEXT & HEADERS
Header & text stacks have been included as one click options to allow you to quickly set up your layout with filler content that you can edit later.
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
CUSTOM RESPONSIVE BEHAVIOR
Layouts will automatically adjust your columns to make them responsive. If you need a different or custom layout for multiple browser widths you can set specifics for each one.
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
FULL BROWSER HEIGHT SUPPORT
Adjust the height of each section to match the browser by percentage. Your content will fill the space automatically or you can customize the layout to fit your needs.
MORE EXAMPLES
Lorem Ipsum
Lorem Ipsum
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
934.555.4324
