Grid variations

Here are three grid variations I created for this article.

Grid 1

This first example uses all three images. The first is used as a cover photo, with the title and article beginning below it. The rest of the article is set in a smaller font. The second page lays out the text and images in three columns, with the photos spanning two or three rows.

Grid 3a

This second example uses a large image on the right side, and places the text on the left. The title and body text are offset by the same amount on each side. On the second page, I made a square image on the top right side, and a small tagline on the bottom left. The rest of the information is in columns, with equal-sized gutters in between.

Grid 3

This last example places two images and the title on the left, and the rest of the text and the third image on the right.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: