From 7818e4e92257c0e8583326a0f765c8330cbe3694 Mon Sep 17 00:00:00 2001
From: Jose Villar <jaydvillar@gmail.com>
Date: Tue, 18 Nov 2025 18:17:07 +0100
Subject: [PATCH] Lab 1 day 2

---
 .DS_Store        | Bin 0 -> 6148 bytes
 index.html       |   2 +-
 styles/style.css |  51 +++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 .DS_Store

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..41899565dc1613fecfd24897ae92ce727e19e4b5
GIT binary patch
literal 6148
zcmeHK!AiqG5S^`2OVdM7B6!J71QB}jB*YT&1L_B8TdkIc1X~4f`2oSJCqF{`1-<%7
zeY3l!*`&dnsLa6Z+w9EjzC6fomWWjEZqy~}5K$A(=(W(SFpjfVtYJsESn(XwakoEA
z;<S<}1EPQ^@EaA-A3hz>m~Lq9e82wDI|zGUu{epM!893QthxTV8J}H!9J}#R9)Ek?
zJ1xi4>%!j9eqt>)ux3mbSo@M@?%G?twi7R|fB2ZsU&>i>sLOG9_#yLX(F82+;WHZ2
zEm)-`EvT_ymsjMq`<(MyIcJ<K`F)q`@YMS=^qA3{9%x$8i`qNj=fsP=CNDX!QqGc3
zUCs&~teM!~R{&==ThlivttcQ0hyu9+ygvkR#?WGBP;VV*^c4W;VOSgb{7b<#fyK~b
zW)KmWGNnLMs_Yd*nR1K=HZQc888qdj?Bzq*m6g4rD7`x74|F=I(4e%UfGFT9ux1`R
zeEy%*-~Zhrc@hOgfq$id@}hp!!z<adweoU&)&}r%I2-3>26YJ<dmQTyAH~~nZHNWj
W0frVcgBXFykARjz8d2a!6<7dD2Zl)i

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 1b8846b..7d6925c 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@ <h1 class="newspaper-name">Ironhack News</h1>
     <main>
       <article class="main-article">
         <div class="image">
-          <img src="/images/main-article.jpg" alt="Article 1 Image" />
+          <img src="./images/main-article.jpg" alt="Article 1 Image" />
         </div>
         <div class="content">
           <h2>Main Article</h2>
diff --git a/styles/style.css b/styles/style.css
index 9571ab1..e934b0e 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -177,3 +177,54 @@ header {
 }
   
 /* Write your CSS below */
+
+
+@media screen and (max-width: 480px){
+
+  .navbar {
+    display: none;
+
+
+  }
+
+
+@media screen and (max-width: 760px){
+
+nav {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  
+  
+  }
+
+  .navbar li {
+    position: relative;
+    display: block;
+    width: 100%;
+
+    }
+ 
+
+.main-article {
+    flex-direction: column;
+  }
+
+  .main-article .image,
+  .main-article .content {
+    width: 100%;
+    padding: 10px 0;
+  }
+
+  .articles-container {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .article {
+    width: 80%;
+    margin-bottom: 20px;
+  }
+
+  }