Flex: Terminology (Flex v2.0)

Note: this article covers Flex v2.0. If Flex was added to your site before July 18, 2022, see our "Flex: Terminology (Flex 1.0)" doc.

Breakpoint

A breakpoint is the specific screen width at which a site design adjusts. Breakpoints allow you to create a responsive website that adapts to any device or browser size that it’s viewed on. The breakpoints available within Flex are desktop, wide desktop, tablet, mobile, and mobile landscape. Read more about breakpoints.

Flex Section

A flex section is the actual structure of a site page. This is comprised of flex columns where you can place content.

Cell

A cell is a space created in an advanced grid between the vertical and horizontal lines. You can create cells by adding grids and adjusting the layout of the grid design; they will be uniform within the grid. These cells act as guidelines for adding elements (this allows elements to adapt appropriately across breakpoints).

Advanced Grid

An advanced grid is a widget that can be placed within a flex column; this widget allows you to add additional elements with flex editing capabilities (e.g. Widgets, Inner Containers, Flexboxes). Using an advanced grid for these items allows you to overlap elements as well as manipulate multiple elements at once; you can reposition, duplicate, etc. all items within one container. Learn more about advanced grids and flexboxes.

Flexbox

A Flexbox is a container with a specific layout direction. You can select a vertical or horizontal layout and the Flexbox will automatically evenly distributed elements. Learn more about advanced grids and flexboxes.

Row

A row is a normal horizontal section of the site, that does not use flex elements.

Flex Column

A column is a vertical section of the site. Read more about columns.