minicard demo

A quick look at what the minicard CSS styles help you do. Pop open your web inspector, and poke around!

Berkeley's Crown Jewel

The Cheese Board Collective in Berkeley, California, comprises two worker owned and operated businesses: a cheese shop/bakery commonly referred to as "The Cheese Board", and a pizzeria known as "Cheese Board Pizza".

Source: Wikipedia

Living on the Edge

The .minicard-bleed class removes the margins from the .minicard-body.

.minicard-foot divs are optional, and can be used with both standard minicards and .minicard-bleed minicards.

Helper Classes

The .minicard-row and .minicard-col classes are optional, but useful for laying out multiple cards.

A simple CSS media query can make these columns "responsive." See the final lines of demo.css for an example.

Photo by Flickr user angeloangelo

Photo by Flickr user Premshree Pillai