From 8bd4ac668a1d7b3ed3bc99f41a28337a6cd31344 Mon Sep 17 00:00:00 2001
From: Ekaitz Zarraga <ekaitz@elenq.tech>
Date: Wed, 25 Jan 2023 16:46:03 +0100
Subject: Use flexbox for boxes

---
 index.html | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index cbcd508..5308d31 100644
--- a/index.html
+++ b/index.html
@@ -36,16 +36,31 @@
         <article class="forecast">
             <h1>Weather forecast for Seattle</h1>
             <article class="day-forecast">
-                <h2>03 March 2018</h2>
-                <p>Rain.</p>
+                <div class="day-forecast-text">
+                    <h2>03 March 2018</h2>
+                    <p>Heavy rain.</p>
+                </div>
+                <div class="day-forecast-image">
+                    <img src="img/lluvia.png"/>
+                </div>
             </article>
             <article class="day-forecast">
-                <h2>04 March 2018</h2>
-                <p>Periods of rain.</p>
+                <div class="day-forecast-text">
+                    <h2>04 March 2018</h2>
+                    <p>Heavy rain.</p>
+                </div>
+                <div class="day-forecast-image">
+                    <img src="img/lluvia.png"/>
+                </div>
             </article>
             <article class="day-forecast">
-                <h2>05 March 2018</h2>
-                <p>Heavy rain.</p>
+                <div class="day-forecast-text">
+                    <h2>05 March 2018</h2>
+                    <p>Heavy rain.</p>
+                </div>
+                <div class="day-forecast-image">
+                    <img src="img/lluvia.png"/>
+                </div>
             </article>
         </article>
 
-- 
cgit v1.2.3