--- a/product-card.framerfx/code/List.tsx
+++ b/product-card.framerfx/code/List.tsx
@@ -1,18 +1,13 @@
 import * as React from 'react'
 import { Frame, useCycle, Stack } from 'framer'
+import { Card } from './Card'

 export function List() {
   return (
-    <Stack
-      gap={0}
-      distribution="center"
-      width="100%"
-      height="100%"
-      background="pink"
-    >
-      <Frame />
-      <Frame />
-      <Frame />
+    <Stack gap={20} distribution="center" width="100%" height="100%">
+      <Card />
+      <Card />
+      <Card />
     </Stack>
   )
 }