Responsive Containers Demonstration
These containers have percentage widths that become full-width (100%) on screens smaller than 800px.
.cont-10 (10% width)
This container is 10% wide.
Becomes 100% wide on mobile
.cont-20 (20% width)
This container is 20% wide.
Becomes 100% wide on mobile
.cont-30 (30% width)
This container is 30% wide.
Becomes 100% wide on mobile
.cont-40 (40% width)
This container is 40% wide.
Becomes 100% wide on mobile
.cont-50 (50% width)
This container is 50% wide.
Becomes 100% wide on mobile
.cont-60 (60% width)
This container is 60% wide.
Becomes 100% wide on mobile
.cont-70 (70% width)
This container is 70% wide.
Becomes 100% wide on mobile
.cont-80 (80% width)
This container is 80% wide.
Becomes 100% wide on mobile
.cont-90 (90% width)
This container is 90% wide.
Becomes 100% wide on mobile
.cont-95 (95% width)
This container is 95% wide.
Becomes 100% wide on mobile
Note: All containers from .cont-10 to .cont-95 are available in 5% increments.
Each becomes full-width (100%) on screens smaller than 800px.