content-tiles demo

This page shows some demos of the content-tiles.js library. Please see the README for full instructions.

Images

A small selection of high quality images, fit into rows without affecting the aspect ratio.

Containers

Some content

Blah blah

Essentially anything with a specified width and height can be tiled.

A mixture of images AND containers

Some content

Blah blah

Some adjustment of CSS may be necessary, especially if you are working with a framework (here vertical-align: top was added to the images and some margin removed from the callouts).

Spacing

Horizontal space between items can be defined using the spacing property or with the data-spacing attribute on your container. This is based on applying some border or padding to the items in the CSS.