diff --git a/pages/index.vue b/pages/index.vue
index 4f75608..df758c8 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -17,18 +17,18 @@
                 <h2 class="web-title" id="projects">Projects</h2>
                 <p id="projects-paragraph-1">As I said above, I usually spend my free time learning more about software engineering. This includes server administration for <a class="link" href="https://dailitation.xyz">dailitation.xyz</a>. Over time, small and large projects have been born and have died.</p>
                 <p id="projects-paragraph-2">Let's go take a look of my projects collection!</p>
-                <div class="grid grid-cols-3 gap-2">
-                    <a href="https://github.com/TechitWinner/warehouse" class="project-card">
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-2">
+                    <a target="_blank" href="https://github.com/TechitWinner/warehouse" class="project-card">
                         <img :src="baseUrl + '/portal/f/assets/warehouse.jpg'">
                         <h3>Warehouse</h3>
                         <p title="I planned it to be my API for personal website and other stuff; written in Rust and Axum.">I planned it to be my API for personal website and other stuff; written in Rust and Axum.</p>
                     </a>
-                    <a href="https://github.com/TechitWinner/web" class="project-card">
+                    <a target="_blank" href="https://github.com/TechitWinner/web" class="project-card">
                         <img :src="baseUrl + '/portal/f/assets/web.png'">
                         <h3>Web</h3>
                         <p title="Nothing much, just this website written in Nuxt (Vue) and some cool CSS.">Nothing much, just this website written in Nuxt (Vue) and some cool CSS.</p>
                     </a>
-                    <a href="https://github.com/TechitWinner/coinbag-pro" class="project-card">
+                    <a target="_blank" href="https://github.com/TechitWinner/coinbag-pro" class="project-card">
                         <img src="https://opengraph.githubassets.com/79ca3021ce93e3d277062d399d623842564bc2f9407600e5b6102036f01e8277/TechitWinner/coinbag-pro">
                         <h3>Coinbag Pro</h3>
                         <p title="A handwriting typeface, created by me but it is a dead project now.">A handwriting typeface, created by me but it is a dead project now.</p>
@@ -54,4 +54,4 @@ useHead({
     { property: 'og:type', content: 'website' }
   ]
 })
-</script>
\ No newline at end of file
+</script>