diff --git a/assets/css/site.css b/assets/css/site.css
index af3c577..53d3fa0 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -64,4 +64,6 @@
 
 .card-homepage {
 	background-color: rgba(0, 0, 0, 0.1) !important;
+	padding: 2%;
+	height: 100%;
 }
diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index ab5cb9a..66f431f 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -38,8 +38,8 @@
                     </div>
                 </div>
             </div>
-            <div class="container pb-5 pt-5">
-                <div class="card-columns">
+            <div class="row row-cols-1 row-cols-md-3 g-2 p-5">
+                <div class="col">
                     <div class="card bg-dark card-homepage border-light text-white">
                         <div class="card-body">
                             <h5 class="card-title">Yama Crawler</h5>
@@ -52,6 +52,8 @@
                                 Code</a>
                         </div>
                     </div>
+                </div>
+                <div class="col">
                     <div class="card bg-dark card-homepage border-light text-white">
                         <div class="card-body">
                             <h5 class="card-title">Mavlib Gen</h5>
@@ -63,6 +65,8 @@
                             <a href="https://github.com/len0rd/mavlib_gen" class="card-link card-soft-link">See Code</a>
                         </div>
                     </div>
+                </div>
+                <div class="col">
                     <div class="card bg-dark card-homepage border-light text-white">
                         <div class="card-body">
                             <h5 class="card-title">Darkstar</h5>
@@ -78,6 +82,8 @@
                                 Code</a>
                         </div>
                     </div>
+                </div>
+                <div class="col">
                     <div class="card bg-dark card-homepage border-light text-white">
                         <div class="card-body">
                             <h5 class="card-title">Pallet Desk</h5>
@@ -89,6 +95,8 @@
                             <a href="projects/palletDesk" class="btn btn-outline-light">Read More</a>
                         </div>
                     </div>
+                </div>
+                <div class="col">
                     <div class="card bg-dark card-homepage border-light text-white">
                         <div class="card-body">
                             <h5 class="card-title">My Website</h5>
@@ -103,7 +111,8 @@
                                 Code</a>
                         </div>
                     </div>
-
+                </div>
+                <div class="col">
                     <div class="card bg-dark card-homepage border-light text-white">
                         <div class="card-body">
                             <h5 class="card-title">LS-1 Synth</h5>
@@ -119,7 +128,6 @@
                                 Code</a>
                         </div>
                     </div>
-
                 </div>
             </div>
         </div>