Thomas Wallace

Lectures and Resources

Chrome Inspector and HTML5 Boilerplate

Grid-Based Design

A Comprehensive Introduction to Grids in Web Design

Assignment

Read: A Comprehensive Introduction to Grids in Web Design

Read Chapter 2  – Responsive Web Design:  The Flexible Grid

Read Chapter 4 in Responsive Design / Experiment implementing your own grid on the example HTML we worked with in class. Try using one of the grid-generators we examined in class. Be prepared to review it in class on Thursday.

Additional Reading

If you would like to take a deep dive into the new CSS Grid Specification, check out this free course –https://cssgrid.io/

We will be learning CSS Grid in the coming sessions but this course would give you some additional exercises and a head start on our discussion.