Rows, grids, columns, and responsive layouts

Documentation / Page anatomy and the managed editor

A Row is a native content block that arranges cells into one to four columns. It sits inside a section or editable area. A section can also have its own column setting; that is a different container-level choice.

Build a grid

Use the grid insertion control to open Add Grid, then choose the initial column count. Place related content in the intended cells. Keep the reading order meaningful before relying on the desktop arrangement.

Open the Row's Design settings to adjust Number of columns, Tablet columns, Cell gap, and Padding. Surface layout offers Continuous or Equal-height cards. Images offers Natural proportions or Fill cell (crop). Cropping changes the visible part of an image, so review subjects and any text inside the image.

The Row controls also manage cell order and column proportions. Changing columns does not mean you intended to discard the content in later cells. Review the complete grid after restructuring it.

Understand responsive behavior

Native Rows use responsive grid rules. The default layouts stack into one column on small screens; a four-column Row uses an intermediate two-column arrangement before reaching four columns on larger screens. Supported tablet choices can refine that behavior.

A narrow preview is not proof that every intermediate width works. Resize gradually and check long headings, button labels, images, and card heights. A sequence that reads left to right on desktop must still make sense when stacked.

Template locks can limit where Rows are inserted or edited. Custom-designed grids use source-based layout rather than these native controls.

See Design and styling for inheritance, spacing, and mobile review.