diff --git a/app/layouts/main.vue b/app/layouts/main.vue
index e68e63e..a7a5b28 100644
--- a/app/layouts/main.vue
+++ b/app/layouts/main.vue
@@ -203,6 +203,7 @@ svg[height='0'] {
 
 .header-upper {
     height: 8vh;
+    min-height: 3.5rem;
 }
 
 .header-upper-nav {
@@ -263,8 +264,9 @@ svg[height='0'] {
 }
 
 .footer-lower {
-    padding: 2rem;
+    padding: 0 2rem;
     height: 8vh;
+    min-height: 3.5rem;
     font-size: small;
     gap: 1rem;
 }
@@ -295,6 +297,18 @@ svg[height='0'] {
 }
 
 @media (max-width: 768px) {
+    .header-upper-nav {
+        padding: 0 1.5rem;
+    }
+
+    .name {
+        font-size: 2rem;
+    }
+
+    .title {
+        font-size: 1rem;
+    }
+
     .page-wrapper {
         --main-width: 100vw;
         padding: 0 1rem;
@@ -302,9 +316,14 @@ svg[height='0'] {
 
     .header-lower,
     .footer-upper {
+        padding: 1.5rem 1.5rem;
         border-radius: 12px;
     }
 
+    .footer-lower {
+        padding: 1.5rem 1.5rem;
+    }
+
     .header-lower::before,
     .footer-upper::before {
         border-radius: 12px;
diff --git a/app/pages/index.vue b/app/pages/index.vue
index a0e6e65..45c3f94 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -652,6 +652,10 @@ section:last-of-type {
 }
 
 @media (max-width: 768px) {
+    section > .section__content {
+        padding: 0 var(--gap);
+    }
+
     .photo-grid {
         grid-template-columns: 1fr;
     }