Update app.css

app.css

@@ -95,32 +95,47 @@ footer, .footer, div[class*="footer"], #footer {
     height: 100%;
 }
 
-/* Examples 섹션 스타일링 */
+/* Examples 섹션 스타일링 - 수정된 버전 */
 .examples-section {
-    width: 100%;
-    padding: 24px;
-    margin-top: 24px;
+    width: 100% !important;
+    padding: 24px !important;
+    margin-top: 24px !important;
+    display: block !important;
+    overflow: visible !important;
 }
 
 .examples-section .ant-row {
-    display: flex !important;
-    flex-wrap: wrap !important;
+    display: grid !important;
+    grid-template-columns: repeat(3, 1fr) !important;
+    gap: 16px !important;
+    width: 100% !important;
+    min-height: auto !important;
+    overflow: visible !important;
 }
 
 .examples-section .ant-col {
-    flex: 0 0 33.333333% !important;
-    max-width: 33.333333% !important;
-    padding: 8px !important;
+    width: 100% !important;
+    display: block !important;
+    position: relative !important;
+    float: none !important;
+    flex: none !important;
+    visibility: visible !important;
+    opacity: 1 !important;
 }
 
 .examples-section .ant-card {
-    height: 100%;
-    margin: 0;
-    cursor: pointer;
+    width: 100% !important;
+    height: 100% !important;
+    margin-bottom: 16px !important;
+    cursor: pointer !important;
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
 }
 
 .examples-section .ant-card-meta {
-    padding: 12px;
+    padding: 12px !important;
+    display: block !important;
 }
 
 /* 반응형 레이아웃 */