From 75b6e0c5f51cf28c43b1ba9e03c88bf347f74684 Mon Sep 17 00:00:00 2001 From: Diana Wiaduch Date: Tue, 20 Feb 2024 21:10:23 +0100 Subject: [PATCH 1/6] add task-1 --- 01/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/01/style.css b/01/style.css index faa3160d..8f08c7b8 100644 --- a/01/style.css +++ b/01/style.css @@ -19,5 +19,6 @@ height: 0; border: 150px solid #dcdcdc; border-right-color: transparent; - border-bottom-color: transparent; + border-bottom-color: transparent; + shape-outside: polygon(0 0, 100% 0, 0 100%); } \ No newline at end of file From 047997c1d24145426e4c6fb8861581ced9b417fe Mon Sep 17 00:00:00 2001 From: Diana Wiaduch Date: Tue, 20 Feb 2024 21:13:55 +0100 Subject: [PATCH 2/6] add task-2 --- 02/styles/global.css | 31 ++++++++++++++++++++++++++++--- 1 file changed, 28 insertions(+), 3 deletions(-) diff --git a/02/styles/global.css b/02/styles/global.css index a1c785e8..b9327c03 100644 --- a/02/styles/global.css +++ b/02/styles/global.css @@ -4,23 +4,48 @@ box-sizing: border-box; } -.a, .b, .c { +.a, +.b, +.c { border: 3px solid transparent; min-height: 50px; - display: flex; justify-content: center; align-items: center; } .a { - border-color: #ffffba + border-color: #ffffba; + grid-area: element-a; } .b { border-color: #ffdfba; + grid-area: element-b; } .c { border-color: #baffc9; + grid-area: element-c; +} + +body { + display: grid; + grid-template-areas: + "element-a" + "element-b" + "element-c"; + +} + +@media (min-width: 600px) { + body { + max-width: 1200px; + margin-inline: auto; + grid-template-areas: + "element-a element-a" + "element-c element-b" + ; + + } } \ No newline at end of file From 60d11953ecdc3d25e24e6dfecbd989af55efbc03 Mon Sep 17 00:00:00 2001 From: Diana Wiaduch Date: Tue, 20 Feb 2024 21:21:59 +0100 Subject: [PATCH 3/6] set 50% of available space to element --- 02/styles/global.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/02/styles/global.css b/02/styles/global.css index b9327c03..4bc09dba 100644 --- a/02/styles/global.css +++ b/02/styles/global.css @@ -8,7 +8,7 @@ .b, .c { border: 3px solid transparent; - min-height: 50px; + min-height: 50vh; display: flex; justify-content: center; align-items: center; From 2639912b9fb177e86c37d28450a7809b1af00f97 Mon Sep 17 00:00:00 2001 From: Diana Wiaduch Date: Tue, 20 Feb 2024 21:48:12 +0100 Subject: [PATCH 4/6] add task-3 --- 03/images/flower-8036709_1280.jpg | Bin 0 -> 100631 bytes 03/images/flower-8036709_1920.jpg | Bin 0 -> 275119 bytes 03/images/flower-8036709_640.jpg | Bin 0 -> 25481 bytes 03/index.html | 45 ++++++++++++++++++++++--- 03/styles/desktop.css | 13 ++++++++ 03/styles/global.css | 53 +++++++++++++++++++++++++----- 03/styles/reset.css | 46 ++++++++++++++++++++++++++ 03/styles/tablet.css | 13 ++++++++ 8 files changed, 158 insertions(+), 12 deletions(-) create mode 100644 03/images/flower-8036709_1280.jpg create mode 100644 03/images/flower-8036709_1920.jpg create mode 100644 03/images/flower-8036709_640.jpg create mode 100644 03/styles/desktop.css create mode 100644 03/styles/reset.css create mode 100644 03/styles/tablet.css diff --git a/03/images/flower-8036709_1280.jpg b/03/images/flower-8036709_1280.jpg new file mode 100644 index 0000000000000000000000000000000000000000..5be6dd56c80e5e23706b373a77274100201ddaf6 GIT binary patch literal 100631 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