From 649bbf3ff804cc162bd940f7d76b981278ca90d0 Mon Sep 17 00:00:00 2001 From: Matthew Giles Date: Mon, 21 Nov 2022 19:30:22 +0000 Subject: [PATCH 1/8] Added Post-it for z-index --- index.html | 7 ++++++- styles.css | 2 ++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index f5fd3fb..a09377a 100644 --- a/index.html +++ b/index.html @@ -23,7 +23,12 @@

Properties

Layouts

- +
diff --git a/styles.css b/styles.css index 0abfc96..ec83b91 100644 --- a/styles.css +++ b/styles.css @@ -22,6 +22,7 @@ h3 { text-align: center; padding: 10px; margin-bottom: 20px; + transform: rotate(8deg); } .dashboard-frame { @@ -128,5 +129,6 @@ h3 { .dashboard--layouts { grid-area: Layouts; + background-color: #0089BA; } } From be7a406e37ffa36c730e03c675c3b137d6990652 Mon Sep 17 00:00:00 2001 From: David Cheung Date: Mon, 21 Nov 2022 19:33:37 +0000 Subject: [PATCH 2/8] update border property --- styles.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/styles.css b/styles.css index 0abfc96..d3abdd1 100644 --- a/styles.css +++ b/styles.css @@ -94,6 +94,11 @@ h3 { /***************************************************/ /* Put Property post-it styles here! ↓ */ +/* update by David */. +.dashboard--selectors, . dashboard--properties, .dashboard--layouts{ + border:2px; +} + /***************************************************/ /* LAYOUTS */ /***************************************************/ From 998617a7da494b0f4a266680852f892c50cc5703 Mon Sep 17 00:00:00 2001 From: Ed Crowther Date: Mon, 21 Nov 2022 19:40:04 +0000 Subject: [PATCH 3/8] HTML added to properties section. CSS formatting added to .post-it section. --- index.html | 4 ++++ styles.css | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/index.html b/index.html index f5fd3fb..3007bb0 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,10 @@

Selectors

Properties

    +
  • +

    Drop Shadow

    +

    A property which attaches a shadow effect to an element, default value is none. Varibales such as horizontal and vertical offset can be defined, along with blur, spread and color, amongst others.

    +
    • diff --git a/styles.css b/styles.css index 0abfc96..3131a41 100644 --- a/styles.css +++ b/styles.css @@ -17,6 +17,10 @@ h3 { } .post-it { + height: 200px; + aspect-ratio: 1/1; + background-color: #0089ba; + rotate: -3deg; box-shadow: 0 8px 6px -6px black; list-style: none; text-align: center; From 88ffe0a66821579046b89768ebb3a99b0968d8bc Mon Sep 17 00:00:00 2001 From: Matthew Giles Date: Mon, 21 Nov 2022 19:53:14 +0000 Subject: [PATCH 4/8] added Class and ID --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index a09377a..67235f2 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,7 @@

    Properties

    Layouts

      -
    • +

    • Z-index

      The z-index CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one.

      • From 450865bd787a730d0b7cc205f349a5502cd8e33f Mon Sep 17 00:00:00 2001 From: David Cheung Date: Mon, 21 Nov 2022 19:56:21 +0000 Subject: [PATCH 5/8] update border property --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index d3abdd1..1cef1c5 100644 --- a/styles.css +++ b/styles.css @@ -95,7 +95,7 @@ h3 { /* Put Property post-it styles here! ↓ */ /* update by David */. -.dashboard--selectors, . dashboard--properties, .dashboard--layouts{ +.dashboard--selectors, .dashboard--properties, .dashboard--layouts { border:2px; } From f95b1400bdc1de677bdc6b52e2b6ea8cac803044 Mon Sep 17 00:00:00 2001 From: Abi Turner Date: Mon, 21 Nov 2022 19:57:51 +0000 Subject: [PATCH 6/8] added sticky note- Abi Turner --- index.html | 7 ++++++- styles.css | 7 ++++++- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index f5fd3fb..9480c56 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,12 @@

      CSS Board

      Selectors

      -
        +
          +
        • +

          Element Selector

          +

          The element selector selects HTML elements based on the element name.

          +
          • +
        diff --git a/styles.css b/styles.css index 0abfc96..90fe053 100644 --- a/styles.css +++ b/styles.css @@ -88,7 +88,12 @@ h3 { /* SELECTORS */ /***************************************************/ /* Put Selector post-it styles here! ↓ */ - +.post-it { + aspect-ratio: 1/1; + height: 200px; + background-color: #E0EA87; + rotate: -10deg; +} /***************************************************/ /* PROPERTIES */ /***************************************************/ From 63fd74106861c4024564f84bda6a794327f56dde Mon Sep 17 00:00:00 2001 From: Ed Crowther Date: Mon, 21 Nov 2022 20:04:46 +0000 Subject: [PATCH 7/8] changes to
          as requested by reviewer --- index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 3007bb0..50df4c8 100644 --- a/index.html +++ b/index.html @@ -18,11 +18,12 @@

          Selectors

          Properties

          -
            +

            • Drop Shadow

              A property which attaches a shadow effect to an element, default value is none. Varibales such as horizontal and vertical offset can be defined, along with blur, spread and color, amongst others.

              • +
            From 5e2edaac546ffb943e26342505048184f056fd60 Mon Sep 17 00:00:00 2001 From: David Cheung Date: Mon, 21 Nov 2022 20:05:59 +0000 Subject: [PATCH 8/8] update border property --- styles.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 1cef1c5..5ec6e92 100644 --- a/styles.css +++ b/styles.css @@ -94,8 +94,13 @@ h3 { /***************************************************/ /* Put Property post-it styles here! ↓ */ -/* update by David */. -.dashboard--selectors, .dashboard--properties, .dashboard--layouts { +.dashboard--selectors { + border:2px; +} +.dashboard--properties { + border:2px; +} +.dashboard--layouts { border:2px; }