Update app.css

app.css

@@ -95,58 +95,31 @@ footer, .footer, div[class*="footer"], #footer {
     height: 100%;
 }
 
-/* Examples 섹션 완전 수정 */
-.examples-section {
-    margin-top: 2rem;
-    padding: 0 1rem;
-}
-
-.examples-section .ant-divider {
-    margin: 1rem 0;
-}
-
-.examples-section .ant-row {
-    display: grid !important;
-    grid-template-columns: repeat(3, 1fr) !important;
-    gap: 1rem !important;
-    padding: 0 1rem;
-}
-
-.examples-section .ant-col {
-    width: 100% !important;
-    padding: 0 !important;
-}
-
-.examples-section .ant-card {
+/* Examples 카드 스타일링 */
+.ant-card {
+    margin-bottom: 8px;
+    cursor: pointer;
     width: 100%;
-    margin-bottom: 1rem;
-    border: 1px solid #e8e8e8;
-    border-radius: 4px;
-    transition: all 0.3s;
 }
 
-.examples-section .ant-card:hover {
+.ant-card:hover {
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 
-.examples-section .ant-card-meta {
-    padding: 1rem;
+.ant-card-meta {
+    padding: 12px;
 }
 
-/* 반응형 레이아웃 */
-@media (max-width: 768px) {
-    .examples-section .ant-row {
-        grid-template-columns: 1fr !important;
-    }
+/* 전체 레이아웃 조정 */
+.ant-row {
+    margin: 0 !important;
 }
 
-@media (min-width: 769px) and (max-width: 1200px) {
-    .examples-section .ant-row {
-        grid-template-columns: repeat(2, 1fr) !important;
-    }
+/* 좌측 패널 Examples 영역 */
+.ant-flex {
+    width: 100%;
 }
 
-/* 전체 레이아웃 조정 */
-.ant-row {
-    margin: 0 !important;
+.ant-divider {
+    margin: 24px 0 12px 0;
 }