Determine semantics, grids & type classes
- Draw boxes to represent the different HTML elements
- Assign each box a semantically correct tag
- Draw lines to represent the grid rows & units
- Write the unit widths
- Write out the possible classes from the type system: like
island
, gutter
, pad
, push
, etc.