diff --git a/src/views/CollectionView.vue b/src/views/CollectionView.vue
index 02abad9..69af4bc 100644
--- a/src/views/CollectionView.vue
+++ b/src/views/CollectionView.vue
@@ -1,12 +1,39 @@
 <script setup>
 
 import CollectionToolbar from '@/views/CollectionView/CollectionToolbar.vue'
+import CollectionMerchCard from '@/views/CollectionView/CollectionMerchCard.vue'
 </script>
 
 <template>
  <CollectionToolbar />
+  <n-grid
+    responsive="screen"
+    cols="2 s:3 m:4 l:5 xl:6 2xl:7"
+    class="grid-main"
+  >
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+    <n-gi class="grid-item"><CollectionMerchCard /></n-gi>
+  </n-grid>
+
+
 </template>
 
 <style scoped>
+.grid-item {
+  margin: 5px;
+}
 
+.grid-main {
+  margin: 10px auto;
+}
 </style>