Add the cards-polaroid class to your cards-container

Turning your cards into polaroids is as easy as adding an extra class to the cards-container. Alternatively, just copy the code below and adjust the column number instead.

Refer to the Adding cards training guide if necessary.

Card one

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Card two

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Card three

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="cards-container cards-polaroid columns-3">
	<div class="card">
		<img alt="Description" src="/path-to-image.jpg" />
		<h2>Card one</h2>

		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
	</div>

	<div class="card">
		<img alt="Description" src="/path-to-image.jpg" />
		<h2>Card two</h2>

		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		</div>
	</div>

	<div class="card">
		<img alt="Description" src="/path-to-image.jpg" />
		<h2>Card three</h2>

		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		</div>
	</div>
</div>