Grid System og Container Layouts

Responsive grid system og container layouts basert på Tailwind CSS.

Container Layouts

Standard Container (.container mx-auto)

Begrenset bredde Container (.container max-w-3xl)

Større Container (.container max-w-6xl)

Grid System

Standard Grid (12 kolonner)

1
1
1
1
1
1
1
1
1
1
1
1

Responsive Grid

1
2
3
4

Forskjellige kolonnestørrelser

2 kolonner
4 kolonner
6 kolonner

Offset Grid

3 kolonner
6 kolonner med offset

Flexbox Layouts

Horisontal Justering

Start
Center
End
Between 1
Between 2

Vertikal Justering

Start
Center
End