From f5ca43b90ec5adcb72dd8524a4e21407b307c9ff Mon Sep 17 00:00:00 2001 From: Thomas Haile <59530856+thomashaile@users.noreply.github.com> Date: Sat, 18 Jan 2020 21:28:06 +0100 Subject: [PATCH 01/15] Update styles.css --- exercise-1/styles.css | 53 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) diff --git a/exercise-1/styles.css b/exercise-1/styles.css index d40e73d..8656fbf 100644 --- a/exercise-1/styles.css +++ b/exercise-1/styles.css @@ -63,3 +63,56 @@ body { margin-right: auto; max-width: 56em; } + + + +/* i will add media queries only below for the devices with differnt screen + 600px, and 900px */ + + + +@media screen and (min-width: 600px){ + + .grid__text { + grid-area: text; + padding-left: 150px; + } + + .wrapper { + margin: 10px; + } + +.box { + margin: var(--grid); + min-height: calc(4 * var(--grid)); + padding: var(--grid); + width: 80%; +} + + +.grid { + grid-template-areas: + "red text" + "black text"; /* for the column arrengments */ +} + +} + +@media screen and (min-width: 900px){ + + .grid { + display: grid; + grid-template-areas: + "black text red"; + + } + .box { + margin-top: var(--grid); + min-height: calc(4 * var(--grid)); + } + .grid__text { + grid-area: text; + padding-left: 10px; + } + + } From 0f8ba0a92b573bf91debbd325b01db297873ea3a Mon Sep 17 00:00:00 2001 From: Thomas Haile <59530856+thomashaile@users.noreply.github.com> Date: Sat, 18 Jan 2020 21:41:06 +0100 Subject: [PATCH 02/15] Update styles.css --- exercise-1/styles.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/exercise-1/styles.css b/exercise-1/styles.css index 8656fbf..df0782d 100644 --- a/exercise-1/styles.css +++ b/exercise-1/styles.css @@ -69,9 +69,7 @@ body { /* i will add media queries only below for the devices with differnt screen 600px, and 900px */ - - -@media screen and (min-width: 600px){ +@media all and (max-width: 600px) and (min-width: 100px){ .grid__text { grid-area: text; @@ -116,3 +114,4 @@ body { } } + From 3699a583c96e575c9d295ba5c62c1646689ab239 Mon Sep 17 00:00:00 2001 From: Thomas Haile <59530856+thomashaile@users.noreply.github.com> Date: Sat, 18 Jan 2020 21:49:45 +0100 Subject: [PATCH 03/15] Update styles.css --- exercise-1/styles.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/exercise-1/styles.css b/exercise-1/styles.css index df0782d..4f20f1f 100644 --- a/exercise-1/styles.css +++ b/exercise-1/styles.css @@ -105,12 +105,14 @@ body { } .box { - margin-top: var(--grid); + margin: var(--grid); min-height: calc(4 * var(--grid)); + padding: var(--grid); + width: 80%; } .grid__text { grid-area: text; - padding-left: 10px; + padding-left: 20px; } } From 9b08e5e6d7fdc571bc4f1e819ecac8017e257b2f Mon Sep 17 00:00:00 2001 From: Thomas Haile <59530856+thomashaile@users.noreply.github.com> Date: Sat, 18 Jan 2020 22:01:45 +0100 Subject: [PATCH 04/15] Update styles.css --- exercise-1/styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/exercise-1/styles.css b/exercise-1/styles.css index 4f20f1f..5bcbb59 100644 --- a/exercise-1/styles.css +++ b/exercise-1/styles.css @@ -69,7 +69,7 @@ body { /* i will add media queries only below for the devices with differnt screen 600px, and 900px */ -@media all and (max-width: 600px) and (min-width: 100px){ +@media all and (max-width: 899px) and (min-width: 600px){ .grid__text { grid-area: text; @@ -112,7 +112,7 @@ body { } .grid__text { grid-area: text; - padding-left: 20px; + padding-left: 25px; } } From 78cfcf4156aaf12a846f9cd11dc137fe3c07fa6b Mon Sep 17 00:00:00 2001 From: Thomas Haile <59530856+thomashaile@users.noreply.github.com> Date: Sat, 18 Jan 2020 22:06:33 +0100 Subject: [PATCH 05/15] Update styles.css --- exercise-1/styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/exercise-1/styles.css b/exercise-1/styles.css index 5bcbb59..3ef8026 100644 --- a/exercise-1/styles.css +++ b/exercise-1/styles.css @@ -108,11 +108,11 @@ body { margin: var(--grid); min-height: calc(4 * var(--grid)); padding: var(--grid); - width: 80%; + width: auto; } .grid__text { grid-area: text; - padding-left: 25px; + padding-left: 30px; } } From 2bb8459e13b6c8c4ecf55e6c501acca65aa7e378 Mon Sep 17 00:00:00 2001 From: Thomas Haile <59530856+thomashaile@users.noreply.github.com> Date: Sat, 18 Jan 2020 22:33:27 +0100 Subject: [PATCH 06/15] Update index.html --- exercise-2/index.html | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/exercise-2/index.html b/exercise-2/index.html index cd39571..ebf1032 100644 --- a/exercise-2/index.html +++ b/exercise-2/index.html @@ -9,6 +9,23 @@
+ +Contact: +32-xxxxx
+ +