diff --git a/components/Grid.vue b/components/Grid.vue
index f75dd73..0f221e2 100644
--- a/components/Grid.vue
+++ b/components/Grid.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="projects" class="container mx-auto p-16">
     <h2 class="text-4xl mb-6">Projects</h2>
-    <div class="grid grid-cols-3 gap-8">
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
       <div
         :key="index"
         v-for="(project, index) in projects"