flex_e_ble examples

Basic - (IE8,9) Compatibility

Centered aligned grid with

.row-center > .grid-base

Right aligned grids

.row-right > .grid-10

Push grid to center

.grid-4.grid-right-4

Push and pull grid Medium

.grid-4.grid-desktop-right-6
.grid-4.grid-desktop-left-2

Basic wrap.example grid

.grid-3
.grid-5
.grid-4
.grid-3
.grid-3
.grid-6

Advanced - (IE10,11, Chrome, Safari, Firefox) Compatibility

Flex grid with space-around

.row-around > .grid-4
.row-around > .grid-4

Flex grid with space-between

.row-between > .grid-4
.row-between > .grid-4

Fill gaps on flex grid

.grid-4
.grid-4.grid-grow
.grid-6.grid-grow
.grid-4
.grid-4.grid-grow

Auto spreading flex grid

.grid-grow
.grid-grow
.grid-grow
.grid-grow

Content of different heights -

.grid-6 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In condimentum commodo metus eget pulvinar. Maecenas vulputate, massa vitae malesuada dapibus, nulla dui scelerisque quam, eu volutpat arcu sapien quis nisi. Pellentesque gravida facilisis sem, sit amet auctor felis vulputate at.
.grid-6