This grid has overlap in several areas, including the text. With overlap in your grid columns, you can make your designs flow and your readers' eye follow that flow.
Web Grids - Columnar Layout in Web Grids
By Jennifer Kyrnin, About.com Guide
See More About:
3 Column Grid: Odd Columns with Overlap
3 Column Layout - Odd Columns with Overlap
J KyrninPreviousNext
- 1 Column Grid
- 2 Column Grid: Even Columns
- 2 Column Grid: Odd Columns
- 3 Column Grid: Even Columns
- 3 Column Grid: Even Columns With Overlap
- 3 Column Grid: Even Columns With Overlap in the Middle
- 3 Column Grid: Odd Columns
- 3 Column Grid: Odd Columns with Overlap
- 3 Column Grid: Odd Columns with Overlap
- 4 Column Grid and Grids with as Many Columns as You Need
Grids and Layout on the Web
Basic Design Principles
Design Elements
Explore Web Design / HTML
Must Reads
Most Popular
See More About:
By Category
- About.com
- Computing & Technology
- Web Design / HTML
- Web Design
- Principles of Design
- Layout
- Web Grids - Columnar Layout in Web Grids - 3 Column Grid Odd Columns with Overlap
©2012 About.com. All rights reserved.
A part of The New York Times Company.