Finding patterns
Set up
- Form into pairs
- Download the files
- Prepare to draw on the document
Determine semantics, grids, type & module 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 type system classes:
.island
,.gutter
,.pad
,.push
, etc. - Write out the possible module classes:
.list-group
,.icon
,.btn
,.embed
, etc.

