sketching-websites.md

layout	title	desc	group_work	slides
slide-deck	Sketching websites	A group activity to help understand page layout with modular CSS by sketching the pieces on paper.	true	type content super-big-text **Sketching websites** type content big-text ## Set up 1. Form into pairs 2. [Download the files](https://github.com/ltw-webdev-2/sketching-websites/archive/gh-pages.zip) 3. Prepare to draw on the document content **Determine semantics, grids & type classes** 1. Draw boxes to represent the different HTML elements 1. Assign each box a semantically correct tag 1. Draw lines to represent the grid rows & units 1. Write the unit widths 1. Write out the possible classes from the type system: like `island`, `gutter`, `pad`, `push`, etc. type image image modular-nav.jpg type image image lists-n-grids.jpg