The design system provides a 12-column, responsive, flexbox grid to provide structure and align content.
The grid consists of three distinct pieces:
- A container adds a maximum width and centers the content
- A row enables the flexbox layout and holds between 1-12 columns
Flexbox grid supports modern browsers and Internet Explorer 10+. In older versions of Internet Explorer the grid columns will be stacked.