diff --git a/src/pages/shop/_art_test.svelte b/src/pages/shop/_art_test.svelte
index 1bd5e6d..ae5dc9e 100644
--- a/src/pages/shop/_art_test.svelte
+++ b/src/pages/shop/_art_test.svelte
@@ -1,8 +1,19 @@
-<div class="grid grid-cols-4 w-full h-full">
-  <div class="bg-blue-200 h-full col-start-2">
-    <div class="flex flex-col items-center w-full h-full">
-      <div class="w-10 h-10 bg-lime-200"></div>
+<div class="grid grid-cols-6 w-full h-[80vh]">
+  <div class="h-full col-start-2 col-span-2">
+    <div class="flex flex-col items-center justify-center w-full h-full">
+      <div class="flex flex-col w-72">
+        <div class="w-full h-72 bg-lime-200"></div>
+        <div class="flex w-full gap-4 overflow-x-scroll">
+          {#each { length: 4 } as i}
+            <img
+              src="https://placehold.co/600x400"
+              class="w-16 h-16 rounded object-cover"
+              alt=""
+            />
+          {/each}
+        </div>
+      </div>
     </div>
   </div>
-  <div class="bg-violet-600 h-full col-start-3">test2</div>
+  <div class="h-full col-start-4 col-span-2">test2</div>
 </div>