Don’t Use My Grid System

2 Parts:
3 Parts:
4 Parts:
Tuesday, November 28, 2017
10:30 am
PT
Alamo Drafthouse New Mission
Online

I built Susy, a Sass grid system that can generate any grid technique you like — but I haven't used it in years. I'll show you how various grid systems work, and how to avoid using them. For those few cases where a grid really is required, we'll talk about the best ways to roll your own, so you're not relying on a bloated library to make decisions for you. We'll also look at the new layout toys — from flexbox to CSS Grid — and how to get started with only a few lines of code.

  • When to use floats, CSS Grid, flexbox, custom properties, and other techniques.
  • How to make grid-math simple, and lose the grid-system.
  • How to make grid-systems work for you when you need them.

Video

Sketch Notes

Don’t Use My Grid System

Artist: Cindy Chang