Layout your page like a boss with CSS Grid

CSS Grid: New CSS module for 2D layouts

Why learn it?

Skip Bootstrap
Decouples layout from markup
Browser support now over 85%
Create complex layouts quickly

Four Examples

Resources

Complete Reference: css-tricks.com/snippets/css/complete-guide-grid/
Quick Tutorial: scrimba.com/p/pWqLHa/cg9PpTb
CSS Grid course: cssgrid.io

Questions?

Cheers

CSS Grid Training

By Brian Azizi

CSS Grid Training

My training on CSS Grid. Presented at Theodo UK on February 9th 2018. Heavily inspired by https://scrimba.com/g/gR8PTE. Code examples are here: https://github.com/Brian-Azizi/theodo-css-grid-training

59

Brian Azizi