diff --git a/src/components/CardSample.astro b/src/components/CardSample.astro
index 59fd880..a9fc9e3 100644
--- a/src/components/CardSample.astro
+++ b/src/components/CardSample.astro
@@ -72,8 +72,7 @@ const cssVars = {
 
 <style>
   .card {
-    --size: 346px;
-
+    --size: 280px;
     --bgcolor: var(--card-bgcolor-1);
     --border-color: var(--card-border-color);
     --border-size: calc(var(--size) / 43);
diff --git a/src/components/Footer/Footer.astro b/src/components/Footer/Footer.astro
index 27a676c..d2c02ce 100644
--- a/src/components/Footer/Footer.astro
+++ b/src/components/Footer/Footer.astro
@@ -103,6 +103,13 @@ const BASE_URL = import.meta.env.BASE_URL;
         align-items: center;
         gap: 0.5rem;
 
+        @media (width <= 767.98px) {
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: center;
+          margin-inline: 1rem;
+        }
+
         & .heart {
           display: inline-block;
           animation: pulse 0.9s ease-out infinite;
diff --git a/src/components/ScrollToTop.astro b/src/components/ScrollToTop.astro
index 1ac07c4..9fa90b0 100644
--- a/src/components/ScrollToTop.astro
+++ b/src/components/ScrollToTop.astro
@@ -50,6 +50,11 @@ const { alignment = 'right' } = Astro.props;
     bottom: var(--placement);
     transform: scale(0);
 
+    @media (width <= 767.98px) {
+      display: none;
+      content-visibility: hidden;
+    }
+
     &.left {
       left: var(--placement);
     }
diff --git a/src/sections/home/Hero.astro b/src/sections/home/Hero.astro
index 199ca8d..d1b9406 100644
--- a/src/sections/home/Hero.astro
+++ b/src/sections/home/Hero.astro
@@ -21,8 +21,8 @@ const BASE_URL = import.meta.env.BASE_URL;
   }
 
   .card {
-    --width: 530px;
-    --height: 920px;
+    --width: 400px;
+    --height: 600px;
 
     --border-size: 0.563rem;
     --border-color: #282828;
@@ -34,8 +34,9 @@ const BASE_URL = import.meta.env.BASE_URL;
 
     transition: all 0.6s;
 
-    @media (width >= 768px) {
+    @media (width >= 767.98px) {
       --width: 600px;
+      --height: 920px;
     }
 
     & .card-back {
diff --git a/src/sections/home/Information.astro b/src/sections/home/Information.astro
index 0e3f580..8a2d60d 100644
--- a/src/sections/home/Information.astro
+++ b/src/sections/home/Information.astro
@@ -24,9 +24,11 @@
     border: 1px solid rgb(250 134 206 / 50%);
     display: grid;
     gap: 1rem;
+    margin-inline: 1rem;
 
-    @media (width >= 768px) {
+    @media (width >= 767.98px) {
       padding: 2.25rem;
+      margin-inline: 0;
     }
 
     @media (width >= 1200px) {
@@ -47,18 +49,24 @@
         position: relative;
         background-position-x: center;
 
-        &::before,
-        &::after {
-          --rotate-card: 20deg;
-          --scale-card: 0.97;
-
-          content: '';
-          position: absolute;
-          width: 183px;
-          height: inherit;
-          background-image: inherit;
-          background-repeat: inherit;
-          z-index: -1;
+        @media (width <= 768px) {
+          width: 100%;
+        }
+
+        @media (width >= 768px) {
+          &::before,
+          &::after {
+            --rotate-card: 20deg;
+            --scale-card: 0.97;
+
+            content: '';
+            position: absolute;
+            width: 183px;
+            height: inherit;
+            background-image: inherit;
+            background-repeat: inherit;
+            z-index: -1;
+          }
         }
 
         &.show {