diff --git a/HSLink-front/src/components/Help.vue b/HSLink-front/src/components/Help.vue
index 30500d3..abbe38d 100644
--- a/HSLink-front/src/components/Help.vue
+++ b/HSLink-front/src/components/Help.vue
@@ -2,7 +2,7 @@
   <el-main class="body-background">
     <div class="left">
       <div class="top">
-        <img src="../assets/img/left-1.gif" height="83" width="142"/>
+        <img src="../assets/img/left-1.gif"/>
       </div>
       <div class="bottom">
         <el-menu
@@ -52,6 +52,7 @@
   .left img{
     display: block;
     margin: 0 auto;
+    width: 100%;
   }
   .el-main{
     padding: 1rem;
diff --git a/HSLink-front/src/components/Homepage.vue b/HSLink-front/src/components/Homepage.vue
index d7a8847..5e77109 100644
--- a/HSLink-front/src/components/Homepage.vue
+++ b/HSLink-front/src/components/Homepage.vue
@@ -264,17 +264,17 @@
     display: flex;
     height: 1.5rem;
     line-height: 1.5rem;
-    padding: 0 2rem;
+    padding: 0 1rem;
   }
   .merit-student .one div:nth-child(1){
-    flex: 2;
+    flex: 3;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     cursor: pointer;
   }
   .merit-student .one div:nth-child(2){
-    flex: 3;
+    flex: 2;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -284,20 +284,20 @@
     display: flex;
     height: 1.5rem;
     line-height: 1.5rem;
-    padding: 0 2rem;
+    padding: 0 1rem;
   }
   .prominent-teacher .one .subject{
     flex: 1!important;
   }
   .prominent-teacher .one div:nth-child(1){
-    flex: 2;
+    flex: 3;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     cursor: pointer;
   }
   .prominent-teacher .one div:nth-child(2){
-    flex: 3;
+    flex: 2;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -373,8 +373,8 @@
   }
   .school-dynamic{
     display: flex;
-    width: 80%;
-    padding: 0 10%;
+    width: calc(100% - 2rem);
+    padding: 1rem;
     height: 24rem;
   }
   #title{