LUCI Design System

12-col grid with max-width

1
2
3
4
5
6
7
8
9
10
11
12
2
2
2
2
2
2
3
3
3
3
4
4
4
6
6
8
4
4
8
9
3
3
9
12

Nested Grid

9
1
2
3
3

16-col Grid fluid

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
2
2
2
2
2
2
2
4
4
4
4
8
8
12
4
4
12
13
3
3
13
16

Grid containing a form

Please provide a valid email address

Grid containing a table

Customer Name
Hostname
Model
OS Version
Serial Number
Actions
Show/Hide Columns
Sample Name Test 1 FAS2554 8.2.4P4 701517001122
Sample Name Test 2 FAS3170 7.3.4 700000208098
Sample Name Test 3 FAS3170 7.3.2 700000212609

Fluid grid containing a table

Customer Name
Hostname
Model
OS Version
Serial Number
Actions
Show/Hide Columns
Sample Name Test 1 FAS2554 8.2.4P4 701517001122
Sample Name Test 2 FAS3170 7.3.4 700000208098
Sample Name Test 3 FAS3170 7.3.2 700000212609