From 6ebee1721868819599e6309df69ca1a369a34b04 Mon Sep 17 00:00:00 2001 From: kubais <30256909+kubais@users.noreply.github.com> Date: Mon, 5 Feb 2024 13:31:35 +0100 Subject: [PATCH 1/2] Box model. Task 1 - change width Task 2 - shorthand margin top, right, bottom, left Task 3 - display: inline-block --- learn/tasks/box-model/box-models-download.html | 2 +- learn/tasks/box-model/inline-block-download.html | 1 + learn/tasks/box-model/mbp-download.html | 1 + learn/tasks/box-model/mbp.html | 6 ++++++ 4 files changed, 9 insertions(+), 1 deletion(-) diff --git a/learn/tasks/box-model/box-models-download.html b/learn/tasks/box-model/box-models-download.html index fba59979..b7ee6b70 100644 --- a/learn/tasks/box-model/box-models-download.html +++ b/learn/tasks/box-model/box-models-download.html @@ -19,7 +19,7 @@ } .box { - border: 5px solid rebeccapurple; + border: 5px dotted solid rebeccapurple; background-color: lightgray; padding: 40px; margin: 40px; diff --git a/learn/tasks/box-model/inline-block-download.html b/learn/tasks/box-model/inline-block-download.html index 129ee1d8..cad48b80 100644 --- a/learn/tasks/box-model/inline-block-download.html +++ b/learn/tasks/box-model/inline-block-download.html @@ -22,6 +22,7 @@ background-color: pink; border: 5px solid black; padding: 1em; + display: inline-block; } diff --git a/learn/tasks/box-model/mbp-download.html b/learn/tasks/box-model/mbp-download.html index 50ea72f3..14e60522 100644 --- a/learn/tasks/box-model/mbp-download.html +++ b/learn/tasks/box-model/mbp-download.html @@ -18,6 +18,7 @@ margin: 0; } .box { + } diff --git a/learn/tasks/box-model/mbp.html b/learn/tasks/box-model/mbp.html index 5a96d1bd..afb25370 100644 --- a/learn/tasks/box-model/mbp.html +++ b/learn/tasks/box-model/mbp.html @@ -8,6 +8,12 @@ From f223dbf7799e5bb1ff402004f30c301d22920a10 Mon Sep 17 00:00:00 2001 From: kubais <30256909+kubais@users.noreply.github.com> Date: Tue, 26 Mar 2024 09:17:25 +0100 Subject: [PATCH 2/2] Values tasks finished. --- learn/tasks/values/color-download.html | 3 +++ learn/tasks/values/length-download.html | 4 ++++ learn/tasks/values/position-download.html | 1 + 3 files changed, 8 insertions(+) diff --git a/learn/tasks/values/color-download.html b/learn/tasks/values/color-download.html index b2aa4347..37c59bdf 100644 --- a/learn/tasks/values/color-download.html +++ b/learn/tasks/values/color-download.html @@ -31,12 +31,15 @@ } .rgb { + background-color: rgb(134, 222, 250); } .hsl { + background-color: hsl(194, 92%, 75%); } .transparency { + background-color: rgb(134 222 250 / 60%); } diff --git a/learn/tasks/values/length-download.html b/learn/tasks/values/length-download.html index 44e7a81a..709a24b9 100644 --- a/learn/tasks/values/length-download.html +++ b/learn/tasks/values/length-download.html @@ -17,15 +17,19 @@ margin: 0; } h1 { + font-size: 50px; } h2 { + font-size: 2em; } p { + font-size: 16px; } h1 + p { + font-size: 120%; } diff --git a/learn/tasks/values/position-download.html b/learn/tasks/values/position-download.html index d18847ae..3b08ffad 100644 --- a/learn/tasks/values/position-download.html +++ b/learn/tasks/values/position-download.html @@ -25,6 +25,7 @@ .box { background-image: url("star.png"); background-repeat: no-repeat; + background-position: center 20%; }