menu
Menu
grid
palette
Alt Theme
brightness_3
Dark Mode
format_align_right
Right-to-Left
format_size
200% Text
The Material Design responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.

The Material Design layout grid is made up of three elements: columns, gutters, and margins.

Margins and Gutters
Maximum Columns
Style
Options

Click on an element to change colspan

1
1
1
1
1
1
1
1
1
1
1
1
2
1
25%
3
1
1
1
75%
1
1
1
1
1
8
1
1
1
2
1