diff --git a/src/pages/about.vue b/src/pages/about.vue
index 63fb635..5029393 100644
--- a/src/pages/about.vue
+++ b/src/pages/about.vue
@@ -8,8 +8,8 @@ useHead({
 </script>
 
 <template>
-  <div class="flex min-h-dvh items-center px-5 py-20">
-    <GlassCard tag="article" class="mx-auto max-w-5xl p-8">
+  <div class="flex min-h-dvh items-center px-5 py-10 md:py-20">
+    <GlassCard tag="article" class="mx-auto max-w-5xl p-5 md:p-8">
       <NavLink
         class="absolute right-0 top-0 rounded-bl-xl rounded-tr-2xl border-b border-l border-zinc-300/20 bg-gray-700/50"
       />
diff --git a/src/pages/picture.vue b/src/pages/picture.vue
index 47a5843..b4c4f19 100644
--- a/src/pages/picture.vue
+++ b/src/pages/picture.vue
@@ -6,8 +6,8 @@ useHead({
 </script>
 
 <template>
-  <div class="flex min-h-dvh items-center px-5 py-20">
-    <GlassCard tag="article" class="mx-auto max-w-5xl p-8">
+  <div class="flex min-h-dvh items-center px-5 py-10 md:py-20">
+    <GlassCard tag="article" class="mx-auto max-w-5xl p-5 md:p-8">
       <NavLink
         class="absolute right-0 top-0 rounded-bl-xl rounded-tr-2xl border-b border-l border-slate-300/20 bg-gray-700/50"
       />
diff --git a/src/pages/portfolio.vue b/src/pages/portfolio.vue
index 2af746d..84d26c1 100644
--- a/src/pages/portfolio.vue
+++ b/src/pages/portfolio.vue
@@ -6,8 +6,8 @@ useHead({
 </script>
 
 <template>
-  <div class="flex min-h-dvh items-center px-5 py-20">
-    <GlassCard tag="article" class="mx-auto max-w-5xl p-8">
+  <div class="flex min-h-dvh items-center px-5 py-10 md:py-20">
+    <GlassCard tag="article" class="mx-auto max-w-5xl p-5 md:p-8">
       <NavLink
         class="absolute right-0 top-0 rounded-bl-xl rounded-tr-2xl border-b border-l border-slate-300/20 bg-gray-700/50"
       />