diff --git a/ckan/templates/development/primer.html b/ckan/templates/development/primer.html
index 28a91311e1e..0cfff45c662 100644
--- a/ckan/templates/development/primer.html
+++ b/ckan/templates/development/primer.html
@@ -51,10 +51,17 @@ <h3>Heading 3</h3>
 
     {% snippet 'snippets/package_grid.html', packages=[
       {'name': "test", 'title': 'Test', 'notes': lipsum(1), 'tracking_summary':{'recent': 10}},
-      {'name': "test", 'title': 'Test', 'notes': lipsum(1), 'tracking_summary':{'recent': 5}},
+      {'name': "test", 'title': 'Test', 'notes': lipsum(0), 'tracking_summary':{'recent': 5}},
       {'name': "test", 'title': 'Test', 'notes': lipsum(1), 'tracking_summary':{'recent': 10}},
       {'name': "test", 'title': 'Test', 'notes': lipsum(1), 'tracking_summary':{'recent': 10}}
     ] %}
+
+    {% snippet 'development/snippets/media_grid.html', groups=[
+      {'name': "test", 'display_name': 'Test', 'type': 'group', 'description': lipsum(0), 'packages': 0},
+      {'name': "test", 'display_name': 'Test', 'type': 'group', 'description': lipsum(1), 'packages': 1},
+      {'name': "test", 'display_name': 'Test', 'type': 'group', 'description': lipsum(1), 'packages': 10},
+      {'name': "test", 'display_name': 'Test', 'type': 'group', 'description': lipsum(1), 'packages': 200}
+    ] %}
   </div>
 
   {% include "footer.html" %}
diff --git a/ckan/templates/development/snippets/media_grid.html b/ckan/templates/development/snippets/media_grid.html
new file mode 100644
index 00000000000..f3f073d6744
--- /dev/null
+++ b/ckan/templates/development/snippets/media_grid.html
@@ -0,0 +1,5 @@
+<section class="module" style="width: 650px">
+  <div class="module-content">
+    {% snippet 'group/snippets/group_list.html', groups=groups %}
+  </div>
+</section>