Update index.html

index.html

@@ -15,14 +15,12 @@
 
     .timeline-container {
       width: 100%;
-      /* 그리드 배치를 위해 가로 스크롤 제거 */
       overflow-x: hidden;
       overflow-y: hidden;
       padding: 20px;
       box-sizing: border-box;
     }
 
-    /* 4열 그리드 */
     .timeline {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
@@ -38,17 +36,17 @@
       transition: all 0.3s ease;
     }
 
-    /* BEST 카드 스타일 */
+    /* BEST 태그가 있는 카드 */
     .event:has(.tag.best) {
-      background-color: #fff8e1;  /* 연한 노란색 */
+      background-color: #fff8e1;
       border-left: 4px solid #ffd700;
     }
-    /* NEW 카드 스타일 */
+    /* NEW 태그가 있는 카드 */
     .event:has(.tag.new) {
-      background-color: #fce4ec;  /* 연한 핑크 */
+      background-color: #fce4ec;
       border-left: 4px solid #ff4081;
     }
-    /* POPULAR 카드 스타일 */
+    /* POPULAR 태그가 있는 카드 */
     .event:has(.tag.popular) {
       background-color: #fff3e0; /* 연한 주황 */
       border-left: 4px solid #ffa500;
@@ -87,7 +85,6 @@
       background-color: #FF4081;
       color: white;
     }
-    /* POPULAR 태그 스타일 */
     .tag.popular {
       background-color: #ffa500;
       color: black;
@@ -109,6 +106,7 @@
       color: #4caf50;
       text-decoration: none;
     }
+
     .event p a:hover {
       text-decoration: underline;
     }
@@ -222,7 +220,6 @@
   
   <div class="filter-group">
     <div class="toggle-container">
-      <!-- 원래 있던 BEST, NEW에 POPULAR 추가 -->
       <button class="toggle-button active" data-filter="all">All Models</button>
       <button class="toggle-button" data-filter="best">BEST</button>
       <button class="toggle-button" data-filter="new">NEW</button>
@@ -243,7 +240,6 @@
   </div>
   
   <div class="counter-container">
-    <!-- POPULAR 카운터 추가 -->
     <span class="counter-item">
       <span id="best-count">0</span> BEST
     </span>
@@ -259,7 +255,6 @@
   
   <h2 class="section-title">Latest Models</h2>
 
-  
   <div class="timeline-container">
     <div class="timeline">