Update app.css

app.css

@@ -94,17 +94,19 @@ footer, .footer, div[class*="footer"], #footer {
 .examples-section .ant-row {
     display: flex;
     flex-wrap: wrap;
-    gap: 16px;
+    margin: -8px;  /* 네거티브 마진 추가 */
 }
 
 .examples-section .ant-col {
-    flex: 0 0 calc(33.333% - 16px);
-    max-width: calc(33.333% - 16px);
+    padding: 8px;
+    width: 33.333333%;
+    flex: 0 0 33.333333%;
 }
 
 .examples-section .ant-card {
     height: 100%;
     cursor: pointer;
+    margin: 0;  /* 기존 마진 제거 */
 }
 
 .examples-section .ant-card-meta {
@@ -125,15 +127,15 @@ footer, .footer, div[class*="footer"], #footer {
 /* 반응형 레이아웃 */
 @media (max-width: 768px) {
     .examples-section .ant-col {
+        width: 100%;
         flex: 0 0 100%;
-        max-width: 100%;
     }
 }
 
 @media (min-width: 769px) and (max-width: 1200px) {
     .examples-section .ant-col {
-        flex: 0 0 calc(50% - 16px);
-        max-width: calc(50% - 16px);
+        width: 50%;
+        flex: 0 0 50%;
     }
 }