diff --git a/index-avatar.html b/index-avatar.html
index 5155255..357f3f3 100644
--- a/index-avatar.html
+++ b/index-avatar.html
@@ -5,6 +5,7 @@
     <meta http-equiv="Content-Language" content="th">
     <meta http-equiv="content-Type" content="text/html; charset=UTF-8">
     <meta name="description" content="Late Night Defender's profile">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Pongpeera Wongprasitthiporn's profile</title>
     <link rel="icon" type="image/png" href="icons/ttt-org.png">
   </head>
diff --git a/index.html b/index.html
index 8d9ff02..760c2b8 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="Content-Language" content="th">
     <meta http-equiv="content-Type" content="text/html; charset=UTF-8">
     <meta name="description" content="Late Night Defender's profile">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Pongpeera Wongprasitthiporn's profile</title>
     <link rel="icon" type="image/png" href="icons/ttt-org.png">
   </head>
diff --git a/more-info.html b/more-info.html
index 28bb0e5..0009512 100644
--- a/more-info.html
+++ b/more-info.html
@@ -5,6 +5,7 @@
     <meta http-equiv="Content-Language" content="th">
     <meta http-equiv="content-Type" content="text/html; charset=UTF-8">
     <meta name="description" content="Late Night Defender's profile">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>More information</title>
     <link rel="icon" type="image/png" href="icons/ttt-org.png">
   </head>
diff --git a/more-links.html b/more-links.html
index 11618d9..c9b8da2 100644
--- a/more-links.html
+++ b/more-links.html
@@ -5,6 +5,7 @@
     <meta http-equiv="Content-Language" content="th">
     <meta http-equiv="content-Type" content="text/html; charset=UTF-8">
     <meta name="description" content="Late Night Defender's profile">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>More links</title>
     <link rel="icon" type="image/png" href="../icons/ttt-org.png">
   </head>
diff --git a/style.css b/style.css
index 6e9125f..57b8d3c 100644
--- a/style.css
+++ b/style.css
@@ -28,7 +28,8 @@ html *
 
 .middle {
   grid-area: middle;
-  width: 15cm;
+  width: 90vw;
+  max-width: 15cm;
 }
   
 .inner-grid {
@@ -127,7 +128,7 @@ html *
     text-decoration: none;
     color: black;
     align-items: center;
-    height: 1.5cm;
+    min-height: 1.5cm;
   }
 
   .listinfo {
@@ -136,7 +137,7 @@ html *
     text-decoration: none;
     color: black;
     align-items: center;
-    height: 1.5cm;
+    min-height: 1.5cm;
   }
 
   .topbar {
@@ -289,7 +290,7 @@ html *
     text-decoration: none;
     color: #ffffff;
     align-items: center;
-    height: 1.5cm;
+    min-height: 1.5cm;
   }
 
   .listinfo {
@@ -298,7 +299,7 @@ html *
     text-decoration: none;
     color: #ffffff;
     align-items: center;
-    height: 1.5cm;
+    min-height: 1.5cm;
   }
 
   .topbar {
diff --git a/work-i-bitz.html b/work-i-bitz.html
index c3add38..50a94f3 100644
--- a/work-i-bitz.html
+++ b/work-i-bitz.html
@@ -5,6 +5,7 @@
     <meta http-equiv="Content-Language" content="th">
     <meta http-equiv="content-Type" content="text/html; charset=UTF-8">
     <meta name="description" content="Late Night Defender's profile">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Intern at i-bitz company limited (2024)</title>
     <link rel="icon" type="image/png" href="../icons/ttt-org.png">
   </head>
diff --git a/work-kmitl.html b/work-kmitl.html
index 238240b..bec7b7e 100644
--- a/work-kmitl.html
+++ b/work-kmitl.html
@@ -5,6 +5,7 @@
     <meta http-equiv="Content-Language" content="th">
     <meta http-equiv="content-Type" content="text/html; charset=UTF-8">
     <meta name="description" content="Late Night Defender's profile">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Student at KMITL (2021-now)</title>
     <link rel="icon" type="image/png" href="../icons/ttt-org.png">
   </head>
diff --git a/work-others.html b/work-others.html
index b29585e..14bb5fb 100644
--- a/work-others.html
+++ b/work-others.html
@@ -5,6 +5,7 @@
     <meta http-equiv="Content-Language" content="th">
     <meta http-equiv="content-Type" content="text/html; charset=UTF-8">
     <meta name="description" content="Late Night Defender's profile">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Other works</title>
     <link rel="icon" type="image/png" href="../icons/ttt-org.png">
   </head>