diff --git a/src/App.tsx b/src/App.tsx
index 2707820..55e9542 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,9 +1,10 @@
+import { Card } from "./components/card"
 import { SkeletonProvider } from "./lib/skeleton"
 
 function App() {
   return (
     <SkeletonProvider>
-      <div />
+      <Card/>
     </SkeletonProvider>
   )
 }
diff --git a/src/components/card.module.css b/src/components/card.module.css
new file mode 100644
index 0000000..ceb341f
--- /dev/null
+++ b/src/components/card.module.css
@@ -0,0 +1,38 @@
+.container {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+}
+
+.image {
+    height: 104px;
+    width: 152px;
+    background-color: lightgray;
+}
+
+.content {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.lineHeight {
+    flex-basis: 25%;
+    background-color: lightgray;
+}
+
+.lineOne {
+    width: 138px;
+}
+
+.lineTwo {
+    width: 48px;
+}
+
+.lineThree {
+    width: 64px;
+}
+
+.lineFour {
+    width: 80px;
+}
diff --git a/src/components/card.tsx b/src/components/card.tsx
new file mode 100644
index 0000000..2f9844c
--- /dev/null
+++ b/src/components/card.tsx
@@ -0,0 +1,13 @@
+import styles from "./card.module.css";
+
+export function Card() {
+    return <div className={styles.container}>
+        <div className={styles.image}/>
+        <div className={styles.content}>
+            <div className={`${styles.lineHeight} ${styles.lineOne}`}/>
+            <div className={`${styles.lineHeight} ${styles.lineTwo}`}/>
+            <div className={`${styles.lineHeight} ${styles.lineThree}`}/>
+            <div className={`${styles.lineHeight} ${styles.lineFour}`}/>
+        </div>
+    </div>
+}
\ No newline at end of file
diff --git a/src/main.tsx b/src/main.tsx
index bef5202..4aff025 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import './index.css'
 import App from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/src/App.module.css b/src/skeleton.module.css
similarity index 100%
rename from src/App.module.css
rename to src/skeleton.module.css