Writeup on CSS-Tricks : http://css-tricks.com/dont-overthink-it-grids/
Bootstrap List Grid View
This is a simple proof of concept for trimming out the fat on a cumbersome survey list that has way too much information to be humanly digestible.
This grid is based on Flexbox element. Fully responsive for desktop, tablet and mobile viewports. Featuring basic grid, sidebar, alignment and nesting, as well as the Holly Grail layout. Some ideas are borrowed from Phillip Walton's Solved by Flexbox project.
A new technique for responsive grids I've been working on which uses inline-block and text-align: justify.
Practice with flexbox.
We put together a small demo to show easy it is to start creating with the Foundation Grid! We've used visibility classes, a medium grid, and even source ordering. You can play with this Codepen yourself: go ahead and fork it, change it, enjoy it!
Grid of hexagons using CSS and HTML with a hover effect to show text. This grid is responsive.
For more info see:
Demonstrates how to create an animated, sortable grid without using jQuery UI.
I'm playing with flexbox to build a future proof fluid and responsive grid system.
Flexbox is AWESOME on this task because it do every single thing a grid user need:
3D grid effect built with Three.js and TweenMax
Need to know how to enable it? Go here.