Bootstrap List Grid View
Writeup on CSS-Tricks : http://css-tricks.com/dont-overthink-it-grids/
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.
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.
Practice with flexbox.
A new technique for responsive grids I've been working on which uses inline-block and text-align: justify.
To see the latest verion of this hexagon grid, see the github repositery :
Demonstrates how to create an animated, sortable grid without using jQuery UI.
A simple tool to build complex CSS Grid templates.
CSS Grid support: http://caniuse.com/#feat=css-grid
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!
Describes and visually shows some of the new grid layout terms including grid lines, grid cell, grid track, grid area
Need to know how to enable it? Go here.