style: create shadow content

1 files changed, 5 insertions, 1 deletions

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 05f6222..088597a 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,20 +2,24 @@
 import Layout from '../layouts/Layout.astro';
 import Profile from '../components/Profile.astro';
 import List from '../components/List.astro';
+import Shadow from '../components/Shadow.astro'
 ---
 
 <Layout title="Welcome to Astro.">
     <main class="container">
         <Profile></Profile>
         <List></List>
+        <Shadow></Shadow>
     </main>
 </Layout>
 
 <style>
 	.container {
+        position: relative;
         margin: auto;
         max-width: 600px;
-        height: auto;
         width: 90%;
+        height: 100vh;
+        overflow: hidden;
     }
 </style>