Form Box

The basic layout used to contain form structures built based on 8/12 grid columns.

The Form Box is the most basic layout used to contain form structures. This layout is composed of a box that occupies 8 columns of the grid, with 2 offset columns on both sides.

layout form box 1440px width screen

Responsive behavior

Note that the form box layout changes from 8 to 12 columns on viewports that are equal to or less than 768px, in order to optimize space for content.

layout form box responsive summary

Attributes

layout form box metrics

Example

layout form box example

Menu