From a9511e6ec9602fae0e126359ed3e1a21159167c1 Mon Sep 17 00:00:00 2001 From: QDG Date: Mon, 10 Aug 2020 13:04:12 -0700 Subject: [PATCH 1/2] finished 800 media --- index.css | 28 ++++++++++++++++++++++++++++ index.html | 1 + 2 files changed, 29 insertions(+) diff --git a/index.css b/index.css index 029cf0a..b7267a7 100644 --- a/index.css +++ b/index.css @@ -120,3 +120,31 @@ footer img { width: 100%; height: 300px; } + +@media (max-width: 800px) { + .banner_text { + text-align: red; + } + .container2 { + padding: 5%; + } + footer img { + width: 80%; + display: block; + margin-left: auto; + margin-right: auto; + margin-bottom: 5%; + } + +@media (max-width: 500px){ + nav { + display: flex; + flex-direction: column; + } + nav a { + padding: 3% 20%; + margin: 3%;; + } +} + +} \ No newline at end of file diff --git a/index.html b/index.html index 1a50605..7d66a8b 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ +
From c048b07f7e1a581d782fbedf243271fee15aec9a Mon Sep 17 00:00:00 2001 From: QDG Date: Mon, 10 Aug 2020 13:33:26 -0700 Subject: [PATCH 2/2] finished 500 media --- index.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/index.css b/index.css index b7267a7..fe36012 100644 --- a/index.css +++ b/index.css @@ -145,6 +145,31 @@ footer img { padding: 3% 20%; margin: 3%;; } + .banner { + width: 100%; + display: flex; + flex-direction: column; + padding: 0%; + margin-top: 3%; + + /* + img { + width: 70%; + } + tried to nest this img but it didnt work + */ + + } + .banner img { + width: 70%; + } + .banner .banner_text { + text-align: center; + } + .container2 { + padding: 20% 0% 20% 0%; + width: 80%; + } } } \ No newline at end of file