diff --git a/src/components/DeviceCard/DeviceCard.module.css b/src/components/DeviceCard/DeviceCard.module.css
index 8484214..bf32c14 100644
--- a/src/components/DeviceCard/DeviceCard.module.css
+++ b/src/components/DeviceCard/DeviceCard.module.css
@@ -7,6 +7,7 @@
     padding: var(--margin-medium-s);
     box-shadow: #000 0px 5px 15px;
     gap: var(--margin-small);
+    text-align: center;
 }
 
 .card__image {
@@ -75,7 +76,7 @@
     }
 }
 
-@media screen and (max-width: 428px) {
+@media screen and (max-width: 680px) {
     .card {
         gap: var(--margin-small);
         flex-direction: column;
@@ -97,6 +98,8 @@
 @media screen and (max-width: 360px) {
     .card__button {
         margin: 0;
+        font-size: medium;
+    
     }
 
     .card__image {
diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css
index 26be466..e4a2ce0 100644
--- a/src/components/Header/Header.module.css
+++ b/src/components/Header/Header.module.css
@@ -112,7 +112,7 @@ p {
   }
 }
 
-@media screen and (max-width: 480px) {
+@media screen and (max-width: 680px) {
   .navbar {
     grid-template-columns: 4fr 0.5fr 1rem;
     padding: var(--margin-small) var(--margin-medium);
diff --git a/src/components/TeamCard/TeamCard.module.css b/src/components/TeamCard/TeamCard.module.css
index e86d174..0346efd 100644
--- a/src/components/TeamCard/TeamCard.module.css
+++ b/src/components/TeamCard/TeamCard.module.css
@@ -7,6 +7,7 @@
     gap: var(--margin-medium-sm);
     justify-content: center;
     box-shadow: #000 0px 5px 15px;
+    text-align: center;
 }
 
 .content__details {
@@ -69,11 +70,32 @@
     .content__details {
         margin: 0 var(--margin-medium);
     }
+    .content__details__image {
+        height: 6rem;
+        align-items: center;
+    }
+    .content__details__text__socials{
+        justify-content: center;
+        align-items: center;
+        gap: var(--margin-small);
+        width: 100%;
+    }
 }
 
 @media screen and (max-width: 1080px) {
     .card {
-        padding: var(--margin-medium-sm);
+        padding: 10px;
+        text-align: center;
+    }
+    .content__details__text__socials{
+        justify-content: center;
+        align-items: center;
+        gap: var(--margin-small);
+        width: 100%;
+    }
+    .content__details__image {
+        height: 6rem;
+        align-items: center;
     }
 }
 
@@ -82,20 +104,35 @@
         width: 100%;
     }
 
+
     .content__title {
         font-size: var(--font-medium);
+        
+      
     }
 
     .content__description {
         font-size: var(--font-small);
+        align-items: center;
+    }
+    .content__details__image {
+        height: 6rem;
+        align-items: center;
+    }
+    .content__details__text__socials{
+        justify-content: center;
+        align-items: center;
+        gap: var(--margin-small);
+        width: 100%;
     }
 }
 
-@media screen and (max-width: 480px) {
+@media screen and (max-width: 580px) {
     .card {
         padding: var(--margin-large) 0;
         gap: 0;
-        border-radius: 28px;
+        border-radius: 50px;
+        text-align: center;
     }
 
     .content__details {
@@ -105,7 +142,7 @@
     }
 
     .content__details__image {
-        height: 5rem;
+        height: 5.1rem;
     }
 
     .content__details__text__role {
diff --git a/src/pages/Downloads/Downloads.module.css b/src/pages/Downloads/Downloads.module.css
index 21ce6b3..b6bb021 100644
--- a/src/pages/Downloads/Downloads.module.css
+++ b/src/pages/Downloads/Downloads.module.css
@@ -39,28 +39,53 @@
 }
 
 @media screen and (max-width: 1080px) {
+
   .card {
-    grid-template-columns: 1fr;
+    grid-auto-rows: 20rem;
   }
 }
 
 @media screen and (max-width: 768px) {
+  
   .card {
-    grid-template-columns: 1fr;
-    margin: var(--margin-medium-s);
+    grid-template-columns: 30rem;
+   
   }
 }
 
-@media screen and (max-width: 480px) {
+@media screen and (max-width: 500px) {
   .card {
-    grid-template-columns: 1fr;
+    grid-template-columns: 20rem;
     padding: var(--margin-small);
     gap: var(--margin-medium-sm);
+    grid-auto-rows: 24rem;
+    border-radius: 28px;
+    height: 26rem;
+  }
+
+}
+@media screen and (max-width: 375px) {
+  .card {
+    grid-template-columns: 16rem;
+    padding: var(--margin-small);
+    gap: var(--margin-small);
     grid-auto-rows: 25rem;
     border-radius: 28px;
+    height: 25rem;
 
   }
 
 }
 
-@media screen and (max-width: 480px) {}
\ No newline at end of file
+@media screen and (max-width: 320px) {
+  .card {
+    grid-template-columns: 14rem;
+    padding: var(--margin-small);
+    gap: var(--margin-small);
+    grid-auto-rows: 20rem;
+    border-radius: 28px;
+    height: 25rem;
+
+  }
+
+}
\ No newline at end of file
diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx
index 15f7dc4..6deb1fd 100644
--- a/src/pages/Home/Home.jsx
+++ b/src/pages/Home/Home.jsx
@@ -15,7 +15,7 @@ const Home = ({ key, darkMode }) => {
             }} className={styles.card}>
             <div className={`${styles.content} ${styles.content__text}`}>
                 <div className={styles.text}>
-                    <h1 className={styles.content__title}>What is PixelBlaster OS ?</h1>
+                    <h1 className={styles.content__title}>What is PixelBlaster OS?</h1>
                     <p className={styles.content__description}>PixelBlaster OS is a free and open-source operating system based on Android. It is a community-driven project that is aimed to bring the best Android experience to your device.</p>
                 </div>
             </div>
diff --git a/src/pages/Home/Home.module.css b/src/pages/Home/Home.module.css
index c00cb3d..9950df5 100644
--- a/src/pages/Home/Home.module.css
+++ b/src/pages/Home/Home.module.css
@@ -48,18 +48,30 @@
 }
 
 /* Responsive */
+@media screen and (max-width: 2560px) {
+  .content__title {
+    font-size: var(--font-large-l);
+  }
+
+  .content__description {
+    font-size: 2.5rem;
+  }
 
+  .image {
+    height: 70vh;
+  }
+}
 @media screen and (max-width: 1440px) {
   .content__title {
     font-size: var(--font-medium-lm);
   }
 
   .content__description {
-    font-size: var(--font-medium-s);
+    font-size: 1.3rem;
   }
 
   .image {
-    height: 60vh;
+    height: 70vh;
   }
 }
 
@@ -67,24 +79,58 @@
   .image {
     height: 55vh;
   }
-}
+  .content__title {
+    font-size: 2rem;
+  }
 
+  .content__description {
+    font-size: 1.2rem;
+  }
+}
 @media screen and (max-width: 800px) {
-  .card {
-    gap: var(--margin-small);
+  .card{
+    height: auto;
+  }
+  .image {
+    height: 45vh;
+  }
+  .content__title {
+    font-size: 0%;
+  }
+
+  .content__description {
+    font-size: 1.2rem;
   }
 }
 
+
+
 @media screen and (max-width: 768px) {
   .card {
-    gap: 0;
+    gap: var(--margin-small);
+    flex-direction: row;
+    border-radius: 58px;
+    height: auto;
+    padding: var(--margin-medium-sm);
+    margin: var(--margin-medium-s);
+  }
+  .content__title {
+    font-size: 2rem;
+  }
+
+  .content__description {
+    font-size: 1.2rem;
+  }
+  
+  .image {
+    height: 55vh;
   }
 }
 
-@media screen and (max-width: 428px) {
+@media screen and (max-width: 680px) {
   .card {
     flex-direction: column;
-    border-radius: 28px;
+    border-radius: 58px;
     height: auto;
     padding: var(--margin-medium-sm);
     margin: var(--margin-medium-s);
@@ -108,6 +154,6 @@
   }
 
   .image {
-    height: 40vh;
+    height: 50vh;
   }
 }
\ No newline at end of file
diff --git a/src/pages/Team/Team.module.css b/src/pages/Team/Team.module.css
index 4eeed5f..c566517 100644
--- a/src/pages/Team/Team.module.css
+++ b/src/pages/Team/Team.module.css
@@ -1,6 +1,7 @@
 @import "../../variables.css";
 
 .card {
+ 
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-auto-rows: 20rem;
@@ -17,6 +18,8 @@
   scrollbar-width: none;
   /* Firefox */
   -ms-overflow-style: none;
+  text-align: center;
+
   /* Internet Explorer 10+ */
 }
 
@@ -29,6 +32,7 @@
 @media screen and (max-width: 1700px) {
   .card {
     grid-template-columns: 1fr 1fr;
+    text-align: center;
   }
 }
 
@@ -37,12 +41,15 @@
     grid-template-columns: 1fr 1fr;
     margin: var(--margin-small);
     gap: var(--margin-medium-lm);
+    text-align: center;
   }
 }
 
 @media screen and (max-width: 1080px) {
   .card {
-    grid-template-columns: 1fr;
+    grid-template-columns: 1fr 1fr;
+    
+    text-align: center;
   }
 }
 
@@ -50,6 +57,8 @@
   .card {
     grid-template-columns: 1fr;
     margin: var(--margin-medium-s);
+    text-align: center;
+    justify-content: center;
   }
 }
 
@@ -60,7 +69,10 @@
     gap: var(--margin-medium-sm);
     grid-auto-rows: 25rem;
     border-radius: 28px;
-
+    text-align: center;
+   height: 25rem;
   }
 
+    
+
 }
\ No newline at end of file