Update app_css-backup1.css

app_css-backup1.css

@@ -95,12 +95,13 @@ footer, .footer, div[class*="footer"], #footer {
     height: 100%;
 }
 
-/* Examples 섹션 스타일링 */
+/* Examples 섹션 스타일링 - 수정된 버전 */
 .examples-section {
     width: 100% !important;
     padding: 24px !important;
     margin-top: 24px !important;
     display: block !important;
+    overflow: visible !important;
 }
 
 .examples-section .ant-row {
@@ -108,12 +109,18 @@ footer, .footer, div[class*="footer"], #footer {
     grid-template-columns: repeat(3, 1fr) !important;
     gap: 16px !important;
     width: 100% !important;
+    min-height: auto !important;
+    overflow: visible !important;
 }
 
 .examples-section .ant-col {
     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 {
@@ -121,27 +128,46 @@ footer, .footer, div[class*="footer"], #footer {
     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 !important;
+    display: block !important;
 }
 
-/* 반응형 그리드 */
+/* 반응형 레이아웃 */
 @media (max-width: 768px) {
-    .examples-section .ant-row {
-        grid-template-columns: 1fr !important;
+    .examples-section .ant-col {
+        flex: 0 0 100% !important;
+        max-width: 100% !important;
     }
 }
 
 @media (min-width: 769px) and (max-width: 1200px) {
-    .examples-section .ant-row {
-        grid-template-columns: repeat(2, 1fr) !important;
+    .examples-section .ant-col {
+        flex: 0 0 50% !important;
+        max-width: 50% !important;
     }
 }
 
-
 /* 전체 레이아웃 조정 */
 .ant-row {
     margin: 0 !important;
+}
+
+/* Example 버튼 스타일링 */
+.ant-btn-block {
+    margin-top: 8px;
+    text-align: left;
+    height: auto !important;
+    padding: 12px !important;
+    white-space: normal !important;
+    line-height: 1.5 !important;
+}
+
+.ant-btn-block:hover {
+    background-color: #f0f0f0;
 }