Add responsive styles for hero title on mobile

Co-authored-by: matissjurevics <matissjurevics@gmail.com>
2025-12-17 18:41:35 +00:00
parent d7dec1741e
commit ba7bbbd40e
1 changed files with 13 additions and 0 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -111,3 +111,16 @@ button:focus-visible {
    background-color: #f9f9f9;
  }
 }
+
+/* Hero Title Mobile Responsive */
+@media (max-width: 768px) {
+  .hero-title {
+    font-size: 3rem !important;
+  }
+}
+
+@media (max-width: 480px) {
+  .hero-title {
+    font-size: 2rem !important;
+  }
+}