From 022670018914f806a5b9e63112de710dd7492e53 Mon Sep 17 00:00:00 2001 From: Phillip Hinson Date: Sun, 19 Oct 2025 12:12:28 -0600 Subject: [PATCH 1/3] Initial commit. Iteration 1 finished. --- styles/style.css | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) diff --git a/styles/style.css b/styles/style.css index 9571ab1..cba0da0 100644 --- a/styles/style.css +++ b/styles/style.css @@ -177,3 +177,41 @@ header { } /* Write your CSS below */ +@media (max-width: 760px) { + .navbar { + flex-direction: column; + align-items: center; + } + .navbar li { + width: 100%; + border-right: none; + border-bottom: 1px solid #ffffff; + } + .navbar li:last-child { + border-bottom: none; + } + .main-article { + flex-direction: column; + width: 100%; + } + .main-article .image { + width: 100%; + padding: 0; + margin-bottom: 20px; + } + .main-article .content { + width: 100%; + padding: 0; + } + .articles-container { + flex-direction: column; + align-items: streth; + } + .article { + width: 100%; + margin-bottom: 20px; + } + .article:last-child { + margin-bottom: 0; + } +} From 02de8e8a587443af552e2d32230671e49d9e75a5 Mon Sep 17 00:00:00 2001 From: Phillip Hinson Date: Sun, 19 Oct 2025 12:25:01 -0600 Subject: [PATCH 2/3] Second iteration completed. --- styles/style.css | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/styles/style.css b/styles/style.css index cba0da0..0ef4b63 100644 --- a/styles/style.css +++ b/styles/style.css @@ -215,3 +215,44 @@ header { margin-bottom: 0; } } + +@media screen and (min-width: 760px) and (max-width: 1024px) { + .navbar { + flex-direction: row; + justify-content: space-around; + } + .navbar li { + flex: 1; + border-right: 1px solid #ffffff; + border-bottom: none; + } + .navbar li:last-child { + border-right: none; + } + .main-article { + flex-direction: row; + width: 100%; + margin 20px 0; + } + .main-article .image { + width: 50%; + padding: 0 20px; + } + .main-article .content { + width: 50%; + padding: 0 20px; + } + .articles-container { + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + } + .article { + width: 48%; + margin-bottom: 20px; + } + .article:nth-child(3) { + width: 50%; + margin-top: 0; + } +} \ No newline at end of file From 7b70241e351184b2c5b7139038d4d152216ecad0 Mon Sep 17 00:00:00 2001 From: Phillip Hinson Date: Sun, 19 Oct 2025 12:40:23 -0600 Subject: [PATCH 3/3] Lab Completed. --- index.html | 3 +++ styles/style.css | 57 ++++++++++++++++++++++++++++++++++++++++++++---- 2 files changed, 56 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 1b8846b..198a573 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,9 @@

Ironhack News