Basic weather style

index.html

@@ -23,7 +23,11 @@
       </div>
 
       <div id="weather-box" class="box">
-        <p>Weather</p>
+        <div class="weather-description">
+          <span class="weather-degrees">11°</span>
+          <span class="weather-where">Temuco</span>
+        </div>
+        <img class="weather-icon" src="http://openweathermap.org/img/wn/04n@4x.png"/> 
       </div>
 
       <div id="custom-box" class="box">

script.js

@@ -204,6 +204,10 @@ const search = new function () {
   }
 }
 
+const weather = new function () {
+  
+}
+
 window.addEventListener('load', () => {
   currency.on_load()
   photos.on_load()

styles.css

@@ -160,3 +160,24 @@
 
   border: none;
 }
+
+/* Weather */
+
+#weather-box {
+
+}
+
+.weather-description {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+
+  font-size: 1.5em;
+  font-weight: 600;
+}
+
+.weather-icon {
+  width: auto;
+  height: auto;
+  object-fit: contain;
+}