A CSS grid system based on the lastest Flexbox standards. It's the last grid you'll ever need.
Find flexxed on your favorite package manager.
bower install --save flexxed
npm install --save flexxed
Row. Column. Content. That's it.
Look at me!
Target specific screen sizes with responsive modifiers. All flexed classes have responsive siblings.
Percent based widths enable smooth and dynamic resizing.
Add any number of generic columns to a row and let the grid do the math for you.
Nest all the grids you want.
Vertical and horizontal alignment has never been easier.
Here is an example of using the modifiers in conjunction to acheive different alignment at different viewport sizes.
Easily give your elements some room to breathe.
You can also push elements to the opposite edge by using a filler
Mix 'em up.
Or you can reverse all elements within the row.
By default, rows layout columns horizontally. However, many layouts call for a mix of the two.
Give 'em some room to breathe.