refractor and color changes

CyberSphinxxx · Sep 23, 2024 · 3509ed8 · 3509ed8
1 parent 0079615
commit 3509ed8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -19,9 +19,11 @@ <h1 style="text-align: center;">WeatherNow</h1> <!-- Title -->
                 <div class="info_container">
                     <h2 id="cityName"></h2>
                 </div>
+
                 <div class="info_container">
                     <p id="temperature"></p>
                 </div>
+
                 <div class="info_container">
                     <p id="weatherDescription"></p>
                 </div>
@@ -33,12 +35,14 @@ <h2 id="cityName"></h2>
 
         <!-- Detailed Weather Info Container -->
         <div id="moreInfoContainer" style="display: none;">
+            <img id="weatherIcon" alt="Weather icon">
             <h2>More Weather Info</h2>
+
             <div class="info_container">
                 <p id="humidity"></p>
                 <p id="windSpeed"></p>
-                <img id="weatherIcon" alt="Weather icon">
             </div>
+
         </div>
     </div>
 

diff --git a/styles.css b/styles.css
@@ -52,7 +52,7 @@ body {
     max-width: 400px;
     text-align: center;
     border: 1px, rgb(0, 0, 0);
-    border-style: solid;
+    border-style: solid; 
 }
 
 /* Input and Button Styling */
@@ -99,7 +99,7 @@ button:hover {
 
 #weatherDescription {
     font-size: 1.2em;
-    color: #666;
+    color: #00796b;
     margin-top: 5px;
 }