Overview Components Layout
Themes JavaScript
Examples

grid-demo

Description

Very basic flexbox grid demo. Resize your viewport to see how it responds to width changes.

Back to Layout#Grid.

<div class="grid-2 md-grid-4 lg-grid-6">
  <div>One</div>
  <div>...</div>
  <div>Twenty</div>
</div>
One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Ten
Eleven
Twelve
Thirteen
Fourteen
Fifteen
Sixteen
Seventeen
Eighteen
Nineteen
Twenty