diff --git a/src/components/resumeComponents/Profile.vue b/src/components/resumeComponents/Profile.vue
index d4101cd..2f43395 100644
--- a/src/components/resumeComponents/Profile.vue
+++ b/src/components/resumeComponents/Profile.vue
@@ -51,7 +51,9 @@ export default {
   justify-content: space-between;
   align-items: center;
   /* padding: 20px; */
+  max-width: 1200px;
   margin: 0 auto;
+  padding: 16px;
 }
 
 .left,
diff --git a/src/views/main.vue b/src/views/main.vue
index 1e307f2..9446e62 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -32,4 +32,15 @@ export default {
   margin: 36px;
   padding: 36px;
 }
+@media (max-width: 768px) {
+  .box {
+    margin: 16px;
+    padding: 16px;
+  }
+
+  .Resume {
+    flex-direction: column;
+    align-items: center;
+  }
+}
 </style>