Responsive Grid Layout

LINQ design system defines a horizontal grid for content and UI elements to align to, creating cohesive structure with content. This responsive grid adapts to screen sizes and orientation, creating consistency across layouts.

12 Columns - Responsive

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

3 Columns Responsive

Left Menu
Main Content
Right Menu

Complex Layout

Top Menu
Main Content
First Side Section
Second Side Section
Left Footer
Right Footer

Nested Grid

Second level
Second level
First Level