Thomas Wallace

Lectures and Resources

Exploring Grid-based design

A Comprehensive Introduction to Grids in Web Design

Assignment

In the remaining time today, begin working on generating your own static grid example. We will convert this to flexible grid in Tuesday’s session.

  1. Create a directory structure and base HTML. You can use the HTML from the codepen along with boilerplate if you like.
  2. Generate a Grid ( Experiment with Different Tools )
  3. Implement grid on the sample html file using pixels.