Getting cards in the index.

src/demos/Cards.svelte

@@ -22,6 +22,7 @@
   card top img {
     padding: 0;
     margin: 0;
+    width: 480px;
   }
 
   card middle {

src/demos/index.svelte

@@ -6,6 +6,7 @@
   import Pinterest from '../thumbs/Pinterest.svelte';
   import Login from '../thumbs/Login.svelte';
   import Tiles from '../thumbs/Tiles.svelte';
+  import Cards from '../thumbs/Cards.svelte';
 
   import {push} from 'svelte-spa-router';
   import { holder } from '../../lib/imgholder.js';
@@ -81,6 +82,7 @@
 <h1>Common UI Patterns</h1>
 
 <images>
+
 <figure on:click={ () => push('/demos/login') }>
   <Login />
   <figcaption>Basic Login</figcaption>
@@ -91,4 +93,12 @@
   <Tiles />
   <figcaption>Tiles</figcaption>
 </figure>
+
+<figure on:click={ () => push('/demos/cards') }>
+  <Cards />
+  <figcaption>Cards</figcaption>
+</figure>
+
 </images>
+
+

src/thumbs/Cards.svelte

@@ -22,6 +22,7 @@
   card top img {
     padding: 0;
     margin: 0;
+    min-width: 480px;
   }
 
   card middle {