Apply for the next session


The Story of CSS Grid, from Its Creators

Intro outline

What can you do with grid?

You may have already been using this snippet … but now it’s time to learn all of the things – and how that snippet works.

  1. Grid: what is it? Why is it here?
  2. What is it good for?
    1. multidimensional
    2. break out of the document structure
    3. it’s smart…
  3. Examples of it
  4. Just setting grid… what happens by default?
  5. basic grid and 50% / and 1fr
  6. General terminology
  7. columns, rows, lines, tracks, cells,

Things I’ve Learned About CSS Grid Layout


OUR writeup —



Apply for the next session