Live fluid grid example

The fluid grid system uses percents instead of pixels for column widths. It has the same responsive capabilities as our fixed grid system, ensuring proper proportions for key screen resolutions and devices.

1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12
Batman: Arkham Origins Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Call of Duty: Ghost Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Assassin's Creed 4 Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Grand Theft Auto 5 Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.

Style Switcher

Color Style