Skip to content Skip to navigation

Site Retired

As of March, 2022, this website is no longer updated and has been replaced with a static copy.

Postcard

Postcard Right

Postcard layouts are micro-layouts where you want thumbnail images, or other elements side-by-side next to a block of text. To implement a postcard layout, you need to structure your code in a very specific way, as shown in the example (add the postcard class to a div wrapper, with two divs inside it). The .postcard-right class does not allow for wrapping.

Postcard Right Wrap

Postcard layouts are micro-layouts where you want thumbnail images, or other elements side-by-side next to a block of text. To implement a postcard layout, you need to structure your code in a very specific way, as shown in the example (add the postcard class to a div wrapper, with two divs inside it). The .postcard-right-wrap class allows the text to wrap around the image.

Postcard Left

Postcard layouts are micro-layouts where you want thumbnail images, or other elements side-by-side next to a block of text. To implement a postcard layout, you need to structure your code in a very specific way, as shown in the example (add the postcard class to a div wrapper, with two divs inside it). The .postcard-left class does not allow for wrapping.

Postcard Left Wrap

Postcard layouts are micro-layouts where you want thumbnail images, or other elements side-by-side next to a block of text. To implement a postcard layout, you need to structure your code in a very specific way, as shown in the example (add the postcard class to a div wrapper, with two divs inside it). The .postcard-left-wrap class allows the text to wrap around the image.

Subscribe to RSS - Postcard