Unresponsive Containers Demonstration
These containers have fixed percentage widths and won't respond to screen size changes.
.con-10 (10% width)
This container is 10% wide.
Margin: auto centers the container
.con-20 (20% width)
This container is 20% wide.
Margin: auto centers the container
.con-30 (30% width)
This container is 30% wide.
Margin: auto centers the container
.con-40 (40% width)
This container is 40% wide.
Margin: auto centers the container
.con-50 (50% width)
This container is 50% wide.
Margin: auto centers the container
.con-60 (60% width)
This container is 60% wide.
Margin: auto centers the container
.con-70 (70% width)
This container is 70% wide.
Margin: auto centers the container
.con-80 (80% width)
This container is 80% wide.
Margin: auto centers the container
.con-90 (90% width)
This container is 90% wide.
Margin: auto centers the container
.con-95 (95% width)
This container is 95% wide.
Margin: auto centers the container
Note: All containers from .con-10 to .con-95 are available in 5% increments.
Each has "margin: auto" which centers the container horizontally.