From acb3fe65541ab280422cb071fd9a6d89f4586e97 Mon Sep 17 00:00:00 2001
From: Rok Garbas <rok@garbas.si>
Date: Fri, 12 Dec 2025 02:11:59 +0100
Subject: [PATCH] fix: Improve mobile hero layout and typography

- Reposition logo within hero content container for better flow
- Reduce tagline font size to 27px on mobile (was 40px)
- Reorganize CSS rules for improved readability
- Add margin-bottom to hero-logo for proper spacing
---
 index.html | 43 ++++++++++++++++++++++---------------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/index.html b/index.html
index e0ffcf7..8429b8e 100644
--- a/index.html
+++ b/index.html
@@ -170,24 +170,6 @@
     flex-direction: column;
 }
 
-.hero-logo {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-}
-
-.hero-logo > img {
-    z-index: 10;
-}
-
-@media (max-width: 1024px) {
-    .hero-logo > img {
-        padding: 0 7%;
-    }
-}
 .hero-content {
     position: absolute;
     bottom: 0;
@@ -208,11 +190,30 @@
     }
 }
 
+.hero-logo {
+    width: 100%;
+    margin-bottom: 1em;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+.hero-logo > img {
+    z-index: 10;
+}
+
 .hero-tagline {
     color: #ffffff;
     font-size: 40px;
 }
 
+@media (max-width: 768px) {
+  .hero-tagline {
+    font-size: 27px;
+  }
+}
+
 .hero-date {
     color: #FFD02B;
     margin-bottom: 50px;
@@ -609,10 +610,10 @@
           <img src="assets/images/hero-moon.png" alt="Moon" fetchpriority="high" width="1024" height="467">
         </picture>
       </div>
-      <div class="hero-logo">
-        <img src="assets/images/planetnix-logo.svg" alt="PlanetNix Logo" width="796" height="143">
-      </div>
       <div class="hero-content">
+        <div class="hero-logo">
+          <img src="assets/images/planetnix-logo.svg" alt="PlanetNix Logo" width="796" height="143">
+        </div>
         <h1 class="hero-tagline">Where Nix Builders Come Together</h1>
         <div class="hero-date">March 5th-6th, 2026 @ Pasadena, CA</div>
       </div>