Commit 22 detalles

Author: SebiGitHub

assets/css/styles.css

@@ -231,3 +231,41 @@ p{color:var(--muted); line-height:1.7}
   opacity: 1;
   transform: translateY(0);
 }
+
+@media (max-width: 768px) {
+  .nav {
+    padding: 10px 12px;
+    gap: 8px;
+  }
+
+  .nav nav {
+    gap: 10px;
+    font-size: 14px;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+  }
+
+  .section {
+    padding: 64px 16px;
+  }
+
+  .hero {
+    min-height: 68vh;
+    padding-top: 80px;
+  }
+
+  #projects-grid,
+  #skills-grid,
+  #xp-list,
+  #services-list {
+    grid-template-columns: 1fr;
+  }
+
+  h1 {
+    font-size: clamp(26px, 8vw, 34px);
+  }
+
+  h2 {
+    font-size: clamp(20px, 6vw, 26px);
+  }
+}