Responsive Gride Classes

Bellow is a Demonstration of How the QuickCSS Grid Class Works

Percentage Width Classes (1%-10%)

Widths are percentage of parent container (shown in 500px container)

1% (10px)

2% (20px)

3% (30px)

4% (40px)

5% (50px)

6% (60px)

7% (70px)

8% (80px)

9% (90px)

10% (100px)

Practical Examples

Progress Indicators

30%

70%

Grid Layout

10%

20%

70%

Responsive Behavior

Percentage widths adapt to container size (resize browser to see effect)

5% Width

10% of 80% Container