Selaa lähdekoodia

Mobile hero: balanced padding, smaller scroll arrow, fleet section, destinations, Flamingo/La Fortuna

Dan 3 päivää sitten
vanhempi
sitoutus
181719dc56
1 muutettua tiedostoa jossa 14 lisäystä ja 0 poistoa
  1. 14 0
      src/routes/+page.svelte

+ 14 - 0
src/routes/+page.svelte

@@ -725,6 +725,20 @@
     from { opacity: 0; transform: translateX(-50%) translateY(10px); }
     to { opacity: 1; transform: translateX(-50%) translateY(0); }
   }
+  @media (max-width: 640px) {
+    .hero-content {
+      padding-top: 72px;
+      padding-bottom: 72px;
+      gap: 0.85rem;
+    }
+    .hero-tagline { font-size: 0.95rem; line-height: 1.45; }
+    .hero-badges { gap: 0.4rem; }
+    .badge { font-size: 0.72rem; padding: 0.25rem 0.7rem; }
+    .hero-buttons { gap: 0.6rem; margin-top: 0.25rem; }
+    .btn-gold, .btn-outline { font-size: 0.95rem; padding: 0.7rem 1.4rem; }
+    .hero-scroll-indicator { bottom: 1rem; font-size: 0.65rem; }
+    .scroll-arrow { width: 14px; height: 14px; }
+  }
 
   /* ====== GOLD STRIP ====== */
   .gold-strip {