Side-by-Side Layouts

By default, form fields stack vertically — one on top of the other. But sometimes you want fields side by side, like first name and last name next to each other, or a compact layout for short fields.

Horizontal layouts

Horizontal layouts let you place blocks in columns. Drag a block next to another block to create a side-by-side arrangement. The editor will show a visual indicator when you can drop a block into a column position.

Vertical columns

Inside a horizontal layout, each column is a vertical container. You can control the width of each column, so one side can be wider than the other.

When to use layouts

• Name fields — first name and last name side by side
• Contact info — email and phone number in a row
• Short fields — when the questions are short and don’t need the full width
• Visual variety — break up a long form with some visual layout changes

Tips

• Layouts collapse to single-column on small screens, so your form stays usable on mobile
• Don’t force too many columns — two columns is usually the sweet spot
• Test with the preview to see how the layout looks on different screen sizes