Grid

The responsive Grid layout aligns content into an organized grid.

Component Status

Known issues
Show details
Known issues
Published: May 24, 2022
Updated: August 29, 2023

 

Design Usage

Grid is the essential responsive component that should be placed on every page. On the grid are placed all components and compositions. There are these variants:

Name

Number of columns on default (Mobile) version

Number of columns on tablet version

Number of columns on desktop version

1col

1

1

1

2col

2

2

2

3col

3

3

3

4col

4

4

4

5col

5

5

5

6col

6

6

6

12col

12

12

12

Narrow

6

10

12

 

Relevant Sources

Are you interested in oher layout elements? See more in Space & layout section