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.
Grid of hexagons using CSS and HTML with a hover effect to show text. This grid is responsive.
For more info see:
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!
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
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:
Need to know how to enable it? Go here.