A small group activity to practice drawing and finding grids and units on a responsive webpage.

Go fullscreen: ⌃⌥F

Finding grids

Set up

  1. Form into pairs
  2. Download the files
  3. Prepare to draw on the document

Look at the 3 images and divide them into grids

  • First look for rows
  • Then look for divisions within those rows
  • Draw boxes around each unit & write its width in percent

It’s often easier to start with the largest screen size and work backwards

Start

A small group activity to practice drawing and finding grids and units on a responsive webpage.