diff --git a/src/views/layout/Footer.vue b/src/views/layout/Footer.vue
index eeb6112..d007ac0 100644
--- a/src/views/layout/Footer.vue
+++ b/src/views/layout/Footer.vue
@@ -35,4 +35,13 @@ export default {};
     }
   }
 }
+@media (min-width: 1024px) {
+  .footer{
+    margin-top: 20px;;
+  }
+  .imgs {
+      width: 64px;
+      height: unset;
+    }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/layout/Header.vue b/src/views/layout/Header.vue
index 5ef832e..8f4f034 100644
--- a/src/views/layout/Header.vue
+++ b/src/views/layout/Header.vue
@@ -110,4 +110,21 @@ export default {
   margin-top: 0.2rem;
   color: #fff;
 }
+@media (min-width: 1024px) {
+  .header{
+    height: 74px;
+  }
+  .dropdown-content {
+    width: 300px;
+    right: 0;
+    top: 53px;
+  }
+  .dropdown-content a{
+    margin-bottom: 20px;;
+  }
+  .imgs{
+    width: 64px;
+    height: 64px;;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/mobile/RankingList.vue b/src/views/mobile/RankingList.vue
index 3045e24..6178962 100644
--- a/src/views/mobile/RankingList.vue
+++ b/src/views/mobile/RankingList.vue
@@ -610,4 +610,47 @@ export default {
   position: absolute;
   bottom: 0;
 }
+@media (min-width: 1024px) {
+  .container{
+    height: auto;
+  }
+  .text {
+    font-size: 18px;
+    text-align: center;
+  }
+  .account-btn,.twitter-btn,.discard-btn{
+    height: 3.88vw;
+  }
+  .switch .prebeta {
+    height: 4.2vw;
+    font-size: 18px;
+    line-height: 4.2vw;
+  }
+  .switch  .prebeta-default {
+    height: 4.2vw;
+    font-size: 18px;
+    line-height: 4.2vw;
+  }
+  .time-circular{
+    font-size: 50px;
+  }
+  .invititaion-code-title{
+    font-size: 36px;
+    margin-bottom: 20px;
+  }
+  .date-time-title{
+    font-size: 30px;
+  }
+  .invititaion-code {
+    font-size: 40px;
+    .icon-img {
+      width: 36px;
+    }
+  }
+  .leaderboard-btn{
+    height: 4.8vw;
+    line-height: 4.8vw;
+    font-size: 40px;;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/mobile/Recommend.vue b/src/views/mobile/Recommend.vue
index d0330ea..4053288 100644
--- a/src/views/mobile/Recommend.vue
+++ b/src/views/mobile/Recommend.vue
@@ -8,7 +8,7 @@
       <span class="optional">Optional</span>
     </div>
 
-    <div class="submit-btn" @click="navigator">submit</div>
+    <div class="submit-btn" @click="navigator">SUBMIT</div>
   </div>
 </template>
 
@@ -152,4 +152,28 @@ export default {
   color: #adadad;
   bottom: -3vh;
 }
+@media (min-width: 1024px) {
+  .invitation-code {
+    padding: 10px 0 10px 1.6vw
+  }
+  .lable{
+    font-size: 24px;
+  }
+  .el-input {
+    font-size: 28px;
+  }
+  
+  .submit-btn{
+    height: 4vw;
+    line-height: 4vw;
+    font-size: 36px;
+  }
+  .optional{
+    font-size: 20px;
+    bottom: -40px;
+  }
+  .title {
+    font-size: 58px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/mobile/Signup.vue b/src/views/mobile/Signup.vue
index 1be0128..0cc25c4 100644
--- a/src/views/mobile/Signup.vue
+++ b/src/views/mobile/Signup.vue
@@ -159,4 +159,9 @@ export default {
   width: 100vw;
   height: 80vh;
 }
+@media (min-width: 1024px) {
+  #iframe{
+    width: 80vw;
+  }
+}
 </style>
\ No newline at end of file