diff --git a/pages/index.vue b/pages/index.vue
index 5350789..30bc6c0 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -60,9 +60,9 @@ var { data } = await useAsyncData('home', () => queryContent('blog').sort({id:-1
     </div>
     <hr/>
     <h1>Latest Project</h1>
-    <div class="container">
+    <div class="featured-container">
       <ProjectCard
-          class="left-col"
+          class="fix-size-pls"
           src="https://img.itch.zone/aW1nLzE3MzE3NDAzLnBuZw==/315x250%23c/pxmt%2BB.png"
           href="https://clevertop.itch.io/chronochamber "
           heading="Chrono Chamber"
@@ -144,6 +144,16 @@ var { data } = await useAsyncData('home', () => queryContent('blog').sort({id:-1
     
 }
 
+.featured-container{
+  display: flex;
+  margin-left: 20%;
+  margin-right: 20%;
+}
+
+.small-image-pls {
+  height: 20%;
+}
+
 .left-col {
     flex:1;
     width: 50%;
@@ -170,6 +180,9 @@ var { data } = await useAsyncData('home', () => queryContent('blog').sort({id:-1
     .container{
         flex-direction: column;
     }
+    .featured-container{
+        flex-direction: column;
+    }
     .aboutme{
       visibility: collapse;
     }