design: 메인 페이지 모바일에 맞게 수정 (#106)

YonseiGolf · Dec 27, 2023 · fd20385 · fd20385
1 parent 1b447e7
commit fd20385
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/src/components/home/ClubIntroduction.vue b/src/components/home/ClubIntroduction.vue
@@ -12,15 +12,15 @@
     <div class="statistic-cards">
       <div class="card">
         <div class="info-title"><br>창립 년도<br><br><br></div>
-        <div class="data">2019년<br><br></div>
+        <div class="data">2019<span id="for-media">년</span><br><br></div>
       </div>
       <div class="card">
         <span><br>누적 회원 <br><br><br></span>
-        <span class="data">130+ 명<br><br></span>
+        <span class="data">130+ <span id="for-media">명</span><br><br></span>
       </div>
       <div class="card">
         <span><br>활동 회원 <br><br><br></span>
-        <span class="data">70+ 명<br><br></span>
+        <span class="data">70+ <span id="for-media">명</span><br><br></span>
       </div>
     </div>
   </div>
@@ -86,4 +86,10 @@ h2 {
   font-weight: bold;
   font-size: 30px;
 }
+
+@media (max-width: 768px) {
+  #for-media{
+    display: none;
+  }
+}
 </style>
diff --git a/src/components/home/MainInfo.vue b/src/components/home/MainInfo.vue
@@ -57,7 +57,7 @@ export default {}
   position: relative;
 }
 
-@media (max-width: 1300px) {
+@media (max-width: 768px) {
 
   #yonsei-golf {
     font-size: 50px;
@@ -68,11 +68,7 @@ export default {}
   }
 
   #info {
-    font-size: 20px;
-    color: white;
-    text-align: left;
-    margin-left: 10%;
-    position: relative;
+    display: none;
   }
 
 }