CSS grid is a two dimensional CSS layout system where is flexbox a one dimensional one.

Examples

See the Pen CSS Grid Layout Experiment 1, Responsive Layout by Vincent Humeau (@vinceumo) on CodePen.

See the Pen CSS Grid Layout Experiment 2 by Vincent Humeau (@vinceumo) on CodePen.

Atomic Bulldog Grid 💥 🐶

CSS (SCSS) grid, based on CSS grid layout with @supports fallback to flexbox (partial support).

See the Pen CSS (SCSS) grid with grid layout and fallback to flexbox by Vincent Humeau (@vinceumo) on CodePen.

Support

Can I Use css-grid? Data on support for the css-grid feature across the major browsers from caniuse.com.

Resources