Container
Standard Container (max-width with padding)
Fluid Container (full-width)
Grid Layout
2-Column Grid
Column 1
Column 2
3-Column Grid
Column 1
Column 2
Column 3
4-Column Grid
Column 1
Column 2
Column 3
Column 4
Flex Layout
Row (justify-between)
Item 1
Item 2
Item 3
Column (items-center)
Item 1
Item 2
Item 3
Wrap (justify-center)
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Section
Medium Section
This is a medium-sized section with standard padding
Large Section
This is a large section with more padding for important content
Divider
Horizontal Divider (Solid)
Content above the divider
Content below the divider
Horizontal Divider (Dashed)
Content above the divider
Content below the divider
Vertical Divider
Left content
Right content
Divider with Text
OR