fix: perbaikan responsivitas pada tampilan mobile dan tablet

2026-06-10 17:08:09 +07:00
parent e19864b0c4
commit 1cf6967e46
4 changed files with 321 additions and 2 deletions
@@ -361,6 +361,42 @@
            color: #52525b;
            letter-spacing: 0.5px;
        }
+
+        /* ==============================
+           RESPONSIVE STYLE OVERRIDES
+        ============================== */
+        @media (max-width: 768px) {
+            body {
+                padding: 24px 16px;
+            }
+            header {
+                margin-bottom: 30px;
+            }
+            h1 {
+                font-size: 1.85rem;
+            }
+            .subtitle {
+                font-size: 0.95rem;
+                margin-bottom: 16px;
+            }
+            .card-grid {
+                grid-template-columns: 1fr;
+                gap: 16px;
+            }
+            .card {
+                padding: 24px;
+            }
+            .card-description {
+                min-height: auto;
+                margin-bottom: 16px;
+            }
+            .features-list {
+                margin-bottom: 20px;
+            }
+            .tech-tags {
+                margin-bottom: 20px;
+            }
+        }
    </style>
 </head>