diff --git a/css/style.css b/css/style.css
index 9377078..e6388e4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -324,7 +324,7 @@ a:hover { color: #fff; text-shadow: 0 0 10px var(--accent-glow); }
     width: 100%;
     max-width: 1400px;
     display: grid;
-    grid-template-columns: 250px 1fr 380px;
+    grid-template-columns: 320px 1fr 320px;
     grid-template-rows: auto;
     gap: 1.5rem;
     align-items: start;
@@ -1531,7 +1531,7 @@ a:hover { color: #fff; text-shadow: 0 0 10px var(--accent-glow); }
 
 /* === RESPONSIVE === */
 @media (max-width: 1024px) {
-    .hero-hud-grid { grid-template-columns: 200px 1fr 300px; gap: 1rem; max-width: 1000px; }
+    .hero-hud-grid { grid-template-columns: 280px 1fr 280px; gap: 1rem; max-width: 1000px; }
     .blog-grid, .dev-grid { grid-template-columns: repeat(2, 1fr); }
     .panels-grid { grid-template-columns: 1fr; }
     .contact-grid { grid-template-columns: 1fr; }
diff --git a/index.html b/index.html
index aaaec71..eb5ebef 100644
--- a/index.html
+++ b/index.html
@@ -128,6 +128,26 @@
                             </div>
                         </div>
                     </div>
+                    </div>
+                </div>
+
+                <!-- Weather Panel -->
+                <div class="panel hud-data-panel">
+                    <div class="panel-header">
+                        <span class="panel-title">WEATHER</span>
+                        <span class="panel-status-dot status-green">● LIVE</span>
+                    </div>
+                    <div class="panel-content weather-display">
+                        <div class="weather-main">
+                            <span class="weather-temp" id="weatherTemp">--°C</span>
+                            <span class="weather-cond" id="weatherCond">LOADING...</span>
+                        </div>
+                        <div class="weather-details">
+                            <span class="weather-detail" id="weatherFeels">FEELS --°C</span>
+                            <span class="weather-detail" id="weatherWind">-- KPH</span>
+                            <span class="weather-detail" id="weatherHumidity">--% RH</span>
+                        </div>
+                    </div>
                 </div>
             </div>
 
@@ -202,39 +222,20 @@
                     </div>
                 </div>
 
-                <!-- Weather + Now Playing -->
-                <div class="panel hud-data-panel hud-row-panels">
-                    <div class="hud-mini-panel">
-                        <div class="panel-header">
-                            <span class="panel-title">WEATHER</span>
-                            <span class="panel-status-dot status-green">● LIVE</span>
-                        </div>
-                        <div class="panel-content weather-display">
-                            <div class="weather-main">
-                                <span class="weather-temp" id="weatherTemp">--°C</span>
-                                <span class="weather-cond" id="weatherCond">LOADING...</span>
-                            </div>
-                            <div class="weather-details">
-                                <span class="weather-detail" id="weatherFeels">FEELS --°C</span>
-                                <span class="weather-detail" id="weatherWind">-- KPH</span>
-                                <span class="weather-detail" id="weatherHumidity">--% RH</span>
-                            </div>
-                        </div>
+                <!-- Now Playing -->
+                <div class="panel hud-data-panel">
+                    <div class="panel-header">
+                        <span class="panel-title">NOW PLAYING</span>
+                        <span class="panel-status-dot" id="npStatus">● STREAMING</span>
                     </div>
-                    <div class="hud-mini-panel">
-                        <div class="panel-header">
-                            <span class="panel-title">NOW PLAYING</span>
-                            <span class="panel-status-dot" id="npStatus">● STREAMING</span>
-                        </div>
-                        <div class="panel-content np-display">
-                            <div class="np-track" id="npTrack">---</div>
-                            <div class="np-artist" id="npArtist">---</div>
-                            <div class="np-album" id="npAlbum">---</div>
-                            <div class="np-visualiser">
-                                <span class="np-bar"></span><span class="np-bar"></span><span class="np-bar"></span>
-                                <span class="np-bar"></span><span class="np-bar"></span><span class="np-bar"></span>
-                                <span class="np-bar"></span><span class="np-bar"></span>
-                            </div>
+                    <div class="panel-content np-display">
+                        <div class="np-track" id="npTrack">---</div>
+                        <div class="np-artist" id="npArtist">---</div>
+                        <div class="np-album" id="npAlbum">---</div>
+                        <div class="np-visualiser">
+                            <span class="np-bar"></span><span class="np-bar"></span><span class="np-bar"></span>
+                            <span class="np-bar"></span><span class="np-bar"></span><span class="np-bar"></span>
+                            <span class="np-bar"></span><span class="np-bar"></span>
                         </div>
                     </div>
                 </div>