Grid
The Grid is a fluid system with a max width of 120.0rem (1200px), that
shrinks with the browser/device at smaller sizes. The grid uses CSS
Flexible Box Layout Module standard. Simply add columns you want in a
row, and they'll evenly take up the available space. If you want three
columns, add three columns, if you want five columns, add five columns.
Then came the night of the first falling star.
Silver mist suffused the deck of the ship.
All their equipment and instruments are alive.
A red flare silhouetted the jagged edge of a wing.
Offsets
I watched the storm, so beautiful yet terrific. Mist enveloped the
ship three hours out from port. The sky was cloudless and of a deep
dark blue.
A shining crescent far beneath the flying vessel. Almost before we
knew it, we had left the ground. It was going to be a lonely trip
back.
Column widths
The Grid system also supports specifying column widths as a ratio of the
parent row's width. Append one of the percentages listed below to a
column- class to achieve the desired layout.
I watched the storm, so beautiful
I watched the storm, so beautiful yet terrific. Mist
I watched the storm, so beautiful yet terrific. The sky was
I watched the storm, so beautiful yet terrific. Mist enveloped the
ship three
I watched the storm, so beautiful yet terrific. Mist enveloped the
ship three hours out from
I watched the storm, so beautiful yet terrific. Mist enveloped the
ship three hours out from port. The
I watched the storm, so beautiful yet terrific. Mist enveloped the
ship three hours out from port. The sky was
I watched the storm, so beautiful yet terrific. Mist enveloped the
ship three hours out from port. The sky was cloudless
I watched the storm, so beautiful yet terrific. Mist enveloped the
ship three hours out from port. The sky was cloudless and of a deep
dark
I watched the storm, so beautiful yet terrific. Mist enveloped the
ship three hours out from port. The sky was cloudless and of a deep
dark blue.