From the course: Typography: Working with Grids

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Creating modular grids

Creating modular grids

Another type of grid system, besides a column-based grid system, is a modular grid system. In a modular grid system, in addition to the vertical divisions of space, there is a horizontal division of space. Let's look at some examples of modular grids to see how they work. The Lynda.com app is built on a modular grid. You can see, it is four modules wide, and every module has the same depth. Because of the screen ratio for the videos, all modules are horizontal. Featured courses occupy four module units, so they keep the same horizontal proportions. Modular grids work particularly well to organize content for websites. In the website for Yellowstone Park you see how the modules are all equal and all equally spaced, connected modules for text and images. This is a fun food site called mouth.com, that is built on equal modules. There are many different products, all different shapes and sizes, so organizing them in a grid makes it manageable for the viewer to take it in without feeling…

Contents