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. Print out the 3 images
  4. Get out a pencil for marking up the paper

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.