Sample Post: Image Size and Alignment

This is a sample post. It exists to show how the Image block works in a blog post, and it is safe to delete once you are done reviewing it. The text below is placeholder copy written to show how images and paragraphs sit together on the page.

Small Image, Aligned Left

A small image aligned left lets the text that follows wrap along its right side on tablets and larger screens. On phones, the image stacks above the text so nothing gets cramped.

This size works well for headshots, logos and other supporting images that sit alongside a paragraph rather than interrupting it.

Once the text runs past the bottom of the image, it continues at the full width of the column.

Medium Image, Aligned Right

A medium image aligned right gives a photo more presence while still letting the text wrap beside it, this time along the left side.

Left and right alignment are available for the small and medium sizes only. Larger images would leave too narrow a column of text beside them to read comfortably.

Large Image

Large images always sit centered on their own line, with the text continuing below.

Medium Image, Centered

A medium image can also be centered on its own line when it should stand apart from the text without taking up the full column.

Full Width Image

The full width option spans the entire content column. Use it for wide photos that carry the most visual weight in a post.

This is the end of the sample post.