Flex: Terminology (Flex v1.0)

Note: this article covers Flex v1.0. If Flex was added to your site after July 18, 2022, see our "Flex: Terminology (Flex 2.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.

Grid

A grid is the actual structure of a site page. This is comprised of the vertical and horizontal lines where you can place content.

Cell

A cell is a space created in a grid between 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).

Container

A container is a widget that can be placed within a cell; this widget allows you to add additional elements with flex editing capabilities (e.g. widgets, inner containers, flexboxes). Using a container for these items allows you to manipulate multiple elements at once; you can reposition, duplicate, etc. all items within one container. Learn more about containers 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 containers and flexboxes.

Row

A row is a horizontal section of the site. Read more about rows.

Column

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