From 905910b99c760081b67794d5c9bbf015915344d3 Mon Sep 17 00:00:00 2001
From: Benj <ben.speight@outlook.com>
Date: Tue, 21 Feb 2023 19:16:48 +0000
Subject: [PATCH 01/35] font-weight

---
 index.html |  8 +++++++-
 styles.css | 11 +++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f5fd3fb..d620646 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,13 @@ <h2>Properties</h2>
 
         <section class="dashboard--layouts">
           <h2>Layouts</h2>
-          <ul></ul>
+          <ul>
+            <li class="post-it" id="benj-speight">
+              <h3>Font Weight</h3>
+              <p>The font-weight CSS property sets the weight (or boldness) of the font.</p>
+
+            </li>
+          </ul>
         </section>
       </div>
     </div>
diff --git a/styles.css b/styles.css
index addc014..7ae079e 100644
--- a/styles.css
+++ b/styles.css
@@ -88,6 +88,17 @@
 /***************************************************/
 /* Put Property post-it styles here! ↓ */
 
+.post-it {
+  aspect-ratio: 1 / 1;
+  height: 200px;
+  background-color: #FF6F91;
+  rotate: -6deg;
+}
+
+h3 {
+  font-weight: bold;
+}
+
 /***************************************************/
 /* LAYOUTS */
 /***************************************************/

From f4fe60f5e676ee160d3ae801edc208efe0f28363 Mon Sep 17 00:00:00 2001
From: David Ding <dingtechxing16@gmail.com>
Date: Tue, 21 Feb 2023 19:16:58 +0000
Subject: [PATCH 02/35] Completed opacity post-it under properties section

---
 index.html | 7 ++++++-
 styles.css | 9 +++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f5fd3fb..73b77c2 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,12 @@ <h2>Selectors</h2>
 
         <section class="dashboard--properties">
           <h2>Properties</h2>
-          <ul></ul>
+          <ul>
+            <li class="post-it" id="david">
+              <h3>Opacity</h3>
+              <p>Specifies the transparency of an element</p>
+            </li>
+          </ul>
         </section>
 
         <section class="dashboard--layouts">
diff --git a/styles.css b/styles.css
index addc014..595a0f6 100644
--- a/styles.css
+++ b/styles.css
@@ -87,7 +87,16 @@
 /* PROPERTIES */
 /***************************************************/
 /* Put Property post-it styles here! ↓ */
+.post-it{
+  aspect-ratio: 1 / 1;
+  height: 200px;
+  background-color: #FF6F91;
+  transform: rotate(-5deg);
+}
 
+.post-it h3{
+  font-weight: bold;
+}
 /***************************************************/
 /* LAYOUTS */
 /***************************************************/

From 974473c216a48a8b3737f3151018425fee3a8fbe Mon Sep 17 00:00:00 2001
From: Max Tauroza <maxtauroza@gmail.com>
Date: Tue, 21 Feb 2023 19:17:37 +0000
Subject: [PATCH 03/35] Added drop-shadow post-it and styled it

---
 index.html |  8 +++++++-
 styles.css | 12 ++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f5fd3fb..1242ea6 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,13 @@ <h2>Selectors</h2>
 
         <section class="dashboard--properties">
           <h2>Properties</h2>
-          <ul></ul>
+          <ul>
+            <li class="post-it" id="max-tauroza">
+              <h3>Drop-shadow</h3>
+            </br>
+              <p>The drop-shadow function applies a shadow effect to the input image. Unlike box-shadow, it allows you to apply a shadow to non-rectangular shapes.</p>
+            </li>
+          </ul>
         </section>
 
         <section class="dashboard--layouts">
diff --git a/styles.css b/styles.css
index addc014..2e3ca51 100644
--- a/styles.css
+++ b/styles.css
@@ -78,6 +78,8 @@
   transform: rotate(-1.5deg);
 }
 
+
+
 /***************************************************/
 /* SELECTORS */
 /***************************************************/
@@ -87,6 +89,16 @@
 /* PROPERTIES */
 /***************************************************/
 /* Put Property post-it styles here! ↓ */
+#max-tauroza {
+  background-color: #ff6f91;
+  height: 200px;
+  transform: rotate(7deg);
+  aspect-ratio: 1 / 1;;
+}
+
+#max-tauroza h3 {
+  font-weight: bold;
+}
 
 /***************************************************/
 /* LAYOUTS */

From 0c2f58bbef7f058ef83ca91d8a33f45dd3c6c577 Mon Sep 17 00:00:00 2001
From: Matt Mullins <matt.mullins@live.com>
Date: Tue, 21 Feb 2023 19:21:49 +0000
Subject: [PATCH 04/35] Absolute Positioning Updated

---
 index.html |  7 +++++++
 styles.css | 11 +++++++++++
 2 files changed, 18 insertions(+)

diff --git a/index.html b/index.html
index f5fd3fb..6e6b199 100644
--- a/index.html
+++ b/index.html
@@ -24,6 +24,13 @@ <h2>Properties</h2>
         <section class="dashboard--layouts">
           <h2>Layouts</h2>
           <ul></ul>
+
+          <li class="post-it" id="matt_mullins">
+            <h3>Absolute Positioning</h3>
+            <p>Absolute positiing is used within CSS to position an element in which the value is absolute or fixed.
+            </p>
+          </li>
+
         </section>
       </div>
     </div>
diff --git a/styles.css b/styles.css
index addc014..7c2e0b2 100644
--- a/styles.css
+++ b/styles.css
@@ -92,3 +92,14 @@
 /* LAYOUTS */
 /***************************************************/
 /* Put Layout post-it styles here! ↓ */
+
+.post-it {
+  aspect-ratio: 1/1;
+  height: 200px;
+  background-color: #0089BA;
+  transform: rotate(6.7deg);
+}
+
+.h3 {
+  font-weight: bold;
+}
\ No newline at end of file

From 36b33f7985bbfbedf3adea3e2a37dcbcb0f67940 Mon Sep 17 00:00:00 2001
From: jasminbateman <jasminbateman@gmail.com>
Date: Tue, 21 Feb 2023 19:22:30 +0000
Subject: [PATCH 05/35] missing media queries added

---
 styles.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/styles.css b/styles.css
index addc014..ea21120 100644
--- a/styles.css
+++ b/styles.css
@@ -92,3 +92,35 @@
 /* LAYOUTS */
 /***************************************************/
 /* Put Layout post-it styles here! ↓ */
+
+/***************************************************/
+/* MEDIA QUERIES TO ENSURE RESPONSIVENESS */
+/* Please do not change ^_^ */
+/***************************************************/
+
+@media screen and (min-width: 768px) {
+  .dashboard-area {
+    display: grid;
+    grid-template-rows: 0.5fr repeat(2, 1fr);
+    grid-template-areas:
+      "Heading Heading Heading"
+      "Selectors Properties Layouts"
+      "Selectors Properties Layouts";
+  }
+
+  .dashboard--heading {
+    grid-area: Heading;
+  }
+
+  .dashboard--selectors {
+    grid-area: Selectors;
+  }
+
+  .dashboard--properties {
+    grid-area: Properties;
+  }
+
+  .dashboard--layouts {
+    grid-area: Layouts;
+  }
+}

From ace87427d1c1a969fba21938be38b5d1866d68a1 Mon Sep 17 00:00:00 2001
From: "joshkkuhn@gmail.com" <joshkkuhn@gmail.com>
Date: Tue, 21 Feb 2023 19:23:43 +0000
Subject: [PATCH 06/35] A meaningful message!

---
 index.html |  7 ++++++-
 styles.css | 15 +++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f5fd3fb..5fbfcd9 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,12 @@ <h1 class="dashboard--heading">CSS Board</h1>
 
         <section class="dashboard--selectors">
           <h2>Selectors</h2>
-          <ul></ul>
+          <ul>
+            <li class="post-it" id="joshkuhn">
+              <h3>Combinator Selectors</h3>
+              <p>Combinator Selectors combine other selectors in a way that gives them a useful relationship to each other and the location of content in the document.</p>
+            </li>
+          </ul>
         </section>
 
         <section class="dashboard--properties">
diff --git a/styles.css b/styles.css
index addc014..bc107e6 100644
--- a/styles.css
+++ b/styles.css
@@ -83,6 +83,21 @@
 /***************************************************/
 /* Put Selector post-it styles here! ↓ */
 
+/* joshkuhn start */
+#joshkuhn {
+  color:black; 
+  background-color: #E0EA87;
+  aspect-ratio: 1/1;
+  height: 200px;
+  width: auto;
+  transform: rotate(-5deg);
+}
+
+#joshkuhn h3 {
+  font-weight: bold;
+}
+/*joshkuhn end*/
+
 /***************************************************/
 /* PROPERTIES */
 /***************************************************/

From 85e223ec48245f7f048a62fc87336708cd05c61a Mon Sep 17 00:00:00 2001
From: Camilla Prist-Stephens <cprieststephens@googlemail.com>
Date: Tue, 21 Feb 2023 19:23:54 +0000
Subject: [PATCH 07/35] Create and style pseudo-element selector post-it

---
 index.html |  7 ++++++-
 styles.css | 11 +++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f5fd3fb..38792f4 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,12 @@ <h1 class="dashboard--heading">CSS Board</h1>
 
         <section class="dashboard--selectors">
           <h2>Selectors</h2>
-          <ul></ul>
+          <ul>
+            <li class="post-it" id="camillaPriestStephens">
+              <h3>Pseudo-Element Selectors</h3>
+              <p>Let you style part of the selected element e.g. the first line. They create an element without additonal HTML.</p>
+            </li>
+          </ul>
         </section>
 
         <section class="dashboard--properties">
diff --git a/styles.css b/styles.css
index addc014..542d162 100644
--- a/styles.css
+++ b/styles.css
@@ -83,6 +83,17 @@
 /***************************************************/
 /* Put Selector post-it styles here! ↓ */
 
+#camillaPriestStephens {
+  aspect-ratio: 1 / 1;
+  height: 200px;
+  background-color: #E0EA87;
+  transform: rotate(-5deg);
+}
+
+#camillaPriestStephens h3 {
+  font-weight: bold;
+}
+
 /***************************************************/
 /* PROPERTIES */
 /***************************************************/

From f58be9a6d41151e42798ab551275675e33e7965b Mon Sep 17 00:00:00 2001
From: Benj <ben.speight@outlook.com>
Date: Tue, 21 Feb 2023 19:25:17 +0000
Subject: [PATCH 08/35] font-weight v2

---
 index.html | 11 ++++++-----
 styles.css |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index d620646..369d8b3 100644
--- a/index.html
+++ b/index.html
@@ -18,11 +18,6 @@ <h2>Selectors</h2>
 
         <section class="dashboard--properties">
           <h2>Properties</h2>
-          <ul></ul>
-        </section>
-
-        <section class="dashboard--layouts">
-          <h2>Layouts</h2>
           <ul>
             <li class="post-it" id="benj-speight">
               <h3>Font Weight</h3>
@@ -31,6 +26,12 @@ <h3>Font Weight</h3>
             </li>
           </ul>
         </section>
+
+        <section class="dashboard--layouts">
+          <h2>Layouts</h2>
+          <ul>
+          </ul>
+        </section>
       </div>
     </div>
   </body>
diff --git a/styles.css b/styles.css
index 7ae079e..96e1cfc 100644
--- a/styles.css
+++ b/styles.css
@@ -88,7 +88,7 @@
 /***************************************************/
 /* Put Property post-it styles here! ↓ */
 
-.post-it {
+#benj-speight {
   aspect-ratio: 1 / 1;
   height: 200px;
   background-color: #FF6F91;

From d184e408ce28958333b2786126dd14fc1126f9c2 Mon Sep 17 00:00:00 2001
From: David Ding <dingtechxing16@gmail.com>
Date: Tue, 21 Feb 2023 19:27:12 +0000
Subject: [PATCH 09/35] Completed opacity post-it under the properties section

---
 styles.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index 595a0f6..b50548d 100644
--- a/styles.css
+++ b/styles.css
@@ -87,14 +87,14 @@
 /* PROPERTIES */
 /***************************************************/
 /* Put Property post-it styles here! ↓ */
-.post-it{
+#david{
   aspect-ratio: 1 / 1;
   height: 200px;
   background-color: #FF6F91;
   transform: rotate(-5deg);
 }
 
-.post-it h3{
+#david h3{
   font-weight: bold;
 }
 /***************************************************/

From 8f28cdd86aa98fea9613d65a8828b176dc66fd0b Mon Sep 17 00:00:00 2001
From: Jordan <j.r.noble@live.co.uk>
Date: Tue, 21 Feb 2023 19:27:14 +0000
Subject: [PATCH 10/35] jordan's post-it

---
 index.html | 11 ++++++++++-
 styles.css | 12 ++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f5fd3fb..c775d72 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,16 @@ <h2>Properties</h2>
 
         <section class="dashboard--layouts">
           <h2>Layouts</h2>
-          <ul></ul>
+          <ul>
+            <li class="post-it" id="jordan-noble">
+              <h3>
+                Fixed Positioning
+              </h3>
+              <p>
+                Elements with a "postion:" property of "fixed" are positioned as fixed relative to the viewport. This means that the element will always stay in the same place, even if the page is scrolled. The element exists outside of the normal flow of the document.
+              </p>
+            </li>
+          </ul>
         </section>
       </div>
     </div>
diff --git a/styles.css b/styles.css
index addc014..5789bee 100644
--- a/styles.css
+++ b/styles.css
@@ -92,3 +92,15 @@
 /* LAYOUTS */
 /***************************************************/
 /* Put Layout post-it styles here! ↓ */
+#jordan-noble
+{
+  height: 200px;
+  aspect-ratio: 1 / 1;
+  background-color: #0089BA;
+  rotate: -5deg;
+}
+
+#jordan-noble h3
+{
+  font-weight: bold;
+}
\ No newline at end of file

From ced4848cb93c6de1583499470b810bf918946d89 Mon Sep 17 00:00:00 2001
From: Jenny Rafferty <raffertyjenny@gmail.com>
Date: Tue, 21 Feb 2023 19:28:07 +0000
Subject: [PATCH 11/35] adding my post-it

---
 index.html |  8 +++++++-
 styles.css | 10 +++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index f5fd3fb..9a968f1 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,13 @@ <h1 class="dashboard--heading">CSS Board</h1>
 
         <section class="dashboard--selectors">
           <h2>Selectors</h2>
-          <ul></ul>
+          <ul>
+            <li class="post-it" id="jenny">
+              <h3>Class</h3>
+              <p>The class selector starts with a dot (.) character. It will select everything in the document with that class applied to it. </p>
+            </li>
+          </ul>
+
         </section>
 
         <section class="dashboard--properties">
diff --git a/styles.css b/styles.css
index addc014..ed2c5fa 100644
--- a/styles.css
+++ b/styles.css
@@ -82,7 +82,15 @@
 /* SELECTORS */
 /***************************************************/
 /* Put Selector post-it styles here! ↓ */
-
+#jenny {
+  background-color: #E0EA87;
+  aspect-ratio: 1:1;
+  height: 200px;
+  transform: rotate(3deg); 
+}
+#jenny h3 {
+font-weight: bold;
+}
 /***************************************************/
 /* PROPERTIES */
 /***************************************************/

From b71b912ec63690c66d15ed6ffd43fddbc10a5ed7 Mon Sep 17 00:00:00 2001
From: Jose Wills <jose.wills3@gmail.com>
Date: Tue, 21 Feb 2023 19:32:41 +0000
Subject: [PATCH 12/35] created border-radius post-it

---
 index.html |  7 ++++++-
 styles.css | 10 ++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f5fd3fb..cdc825f 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,12 @@ <h2>Selectors</h2>
 
         <section class="dashboard--properties">
           <h2>Properties</h2>
-          <ul></ul>
+          <ul>
+            <li class="post-it" id="jose-wills">
+              <h3>Border Radius</h3>
+              <p>The border-radius property defines the radius of an element's corners, which allows you to add rounded corners to elements.</p>
+            </li>
+          </ul>
         </section>
 
         <section class="dashboard--layouts">
diff --git a/styles.css b/styles.css
index addc014..7815d8f 100644
--- a/styles.css
+++ b/styles.css
@@ -88,6 +88,16 @@
 /***************************************************/
 /* Put Property post-it styles here! ↓ */
 
+#jose-wills {
+  aspect-ratio: 1 / 1;
+  height: 200px;
+  background-color: #FF6F91;
+  transform: rotate(9deg);
+}
+
+#jose-wills h3 {
+  font-weight: bold;
+}
 /***************************************************/
 /* LAYOUTS */
 /***************************************************/

From d6615ee3a4fe464038bfa908a926f245d8406a11 Mon Sep 17 00:00:00 2001
From: Emma Wilkinson <emmawilkinsonnxo@gmail.com>
Date: Tue, 21 Feb 2023 19:34:10 +0000
Subject: [PATCH 13/35] made a sticky note with description of border

---
 index.html |  9 ++++++++-
 styles.css | 11 +++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f5fd3fb..36872df 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,14 @@ <h2>Selectors</h2>
 
         <section class="dashboard--properties">
           <h2>Properties</h2>
-          <ul></ul>
+          <ul>
+            <div class="post-it" id="Emma-Wilkinson">
+            <h3>
+              <li>Border
+            </h3>
+            <p>A border is an outline box that goes around a property you assign it to.</p></li>
+            </div>
+          </ul>
         </section>
 
         <section class="dashboard--layouts">
diff --git a/styles.css b/styles.css
index addc014..8a7a0b3 100644
--- a/styles.css
+++ b/styles.css
@@ -87,7 +87,18 @@
 /* PROPERTIES */
 /***************************************************/
 /* Put Property post-it styles here! ↓ */
+.post-it {
+
+  aspect-ratio: 1:1;
+  height: 200px;
+  background-color: #FF6F91;
+  transform: rotate(1deg);
+  width: 250px;
+}
 
+h3 {
+  font-weight: bold;
+}
 /***************************************************/
 /* LAYOUTS */
 /***************************************************/

From 29411630d7ed26002f6680208e449640f6da2344 Mon Sep 17 00:00:00 2001
From: Dave Bratby <dbratby1992@gmail.com>
Date: Tue, 21 Feb 2023 19:34:38 +0000
Subject: [PATCH 14/35] created a sticky note with a topic on pseudo class
 seclectors in CSS

---
 index.html | 59 +++++++++++++++++++++++++++++++-----------------------
 styles.css | 11 ++++++++++
 2 files changed, 45 insertions(+), 25 deletions(-)

diff --git a/index.html b/index.html
index f5fd3fb..3cd62a3 100644
--- a/index.html
+++ b/index.html
@@ -1,31 +1,40 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="styles.css" />
-    <title>CSS Board</title>
-  </head>
-  <body>
-    <div class="dashboard-frame">
-      <div class="dashboard-area">
-        <h1 class="dashboard--heading">CSS Board</h1>
 
-        <section class="dashboard--selectors">
-          <h2>Selectors</h2>
-          <ul></ul>
-        </section>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>CSS Board</title>
+</head>
 
-        <section class="dashboard--properties">
-          <h2>Properties</h2>
-          <ul></ul>
-        </section>
+<body>
+  <div class="dashboard-frame">
+    <div class="dashboard-area">
+      <h1 class="dashboard--heading">CSS Board</h1>
 
-        <section class="dashboard--layouts">
-          <h2>Layouts</h2>
-          <ul></ul>
-        </section>
-      </div>
+      <section class="dashboard--selectors">
+        <h2>Selectors</h2>
+        <ul>
+          <li class="post-it" id="dave-bratby">
+            <h3>Pseudo Class Selectors</h3>
+            <p>Pseudo-classes are keywords added to a selector<br>
+              An example is selector:hover{}</p>
+          </li>
+        </ul>
+      </section>
+
+      <section class="dashboard--properties">
+        <h2>Properties</h2>
+        <ul></ul>
+      </section>
+
+      <section class="dashboard--layouts">
+        <h2>Layouts</h2>
+        <ul></ul>
+      </section>
     </div>
-  </body>
-</html>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index addc014..c3578e2 100644
--- a/styles.css
+++ b/styles.css
@@ -83,6 +83,17 @@
 /***************************************************/
 /* Put Selector post-it styles here! ↓ */
 
+ul{
+  aspect-ratio: 1/1;
+  transform: rotate(-10deg);
+  height: 200px;
+  background: #E0EA87;
+} 
+
+h3{
+  font-weight: bold;
+}
+
 /***************************************************/
 /* PROPERTIES */
 /***************************************************/

From 5d6ad0cb7df11f1e186d4ec1861bc8038628895f Mon Sep 17 00:00:00 2001
From: Matt Mullins <matt.mullins@live.com>
Date: Tue, 21 Feb 2023 19:37:55 +0000
Subject: [PATCH 15/35] updated class to id tags, added <li> inside <ul>

---
 index.html | 7 ++++---
 styles.css | 6 +++---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 6e6b199..1159813 100644
--- a/index.html
+++ b/index.html
@@ -23,13 +23,14 @@ <h2>Properties</h2>
 
         <section class="dashboard--layouts">
           <h2>Layouts</h2>
-          <ul></ul>
-
+          <ul>
           <li class="post-it" id="matt_mullins">
-            <h3>Absolute Positioning</h3>
+            <h3 id="matt_mullins_h3">Absolute Positioning</h3>
             <p>Absolute positiing is used within CSS to position an element in which the value is absolute or fixed.
             </p>
           </li>
+          </ul>
+        
 
         </section>
       </div>
diff --git a/styles.css b/styles.css
index 7c2e0b2..6270171 100644
--- a/styles.css
+++ b/styles.css
@@ -93,13 +93,13 @@
 /***************************************************/
 /* Put Layout post-it styles here! ↓ */
 
-.post-it {
+#matt_mullins {
   aspect-ratio: 1/1;
   height: 200px;
   background-color: #0089BA;
   transform: rotate(6.7deg);
 }
 
-.h3 {
+#matt_mullins_h3 {
   font-weight: bold;
-}
\ No newline at end of file
+}

From 28f56e5c6738ab1536edcf43474e4543bd0c864c Mon Sep 17 00:00:00 2001
From: Jordan <j.r.noble@live.co.uk>
Date: Tue, 21 Feb 2023 19:41:30 +0000
Subject: [PATCH 16/35] pull request attempt 2

---
 styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/styles.css b/styles.css
index 5789bee..6ed6add 100644
--- a/styles.css
+++ b/styles.css
@@ -97,7 +97,7 @@
   height: 200px;
   aspect-ratio: 1 / 1;
   background-color: #0089BA;
-  rotate: -5deg;
+  rotate: -6deg;
 }
 
 #jordan-noble h3

From afb48e2fb0b9389eea0ae4d0dbf32f674f5debad Mon Sep 17 00:00:00 2001
From: Benj <ben.speight@outlook.com>
Date: Tue, 21 Feb 2023 19:44:25 +0000
Subject: [PATCH 17/35] h3 update

---
 styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/styles.css b/styles.css
index 96e1cfc..bbf85aa 100644
--- a/styles.css
+++ b/styles.css
@@ -95,7 +95,7 @@
   rotate: -6deg;
 }
 
-h3 {
+#benj-speight h3 {
   font-weight: bold;
 }
 

From a371ea0fc1b407185f08cab98488ac4e6d96b603 Mon Sep 17 00:00:00 2001
From: AmyHMSmith <amyhmsmith@gmail.com>
Date: Tue, 21 Feb 2023 19:52:53 +0000
Subject: [PATCH 18/35] z-index

---
 index.html | 16 ++++++++++++++--
 styles.css | 10 ++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index f5fd3fb..8261db6 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,8 @@ <h1 class="dashboard--heading">CSS Board</h1>
 
         <section class="dashboard--selectors">
           <h2>Selectors</h2>
-          <ul></ul>
+          <ul>
+          </ul>
         </section>
 
         <section class="dashboard--properties">
@@ -23,7 +24,18 @@ <h2>Properties</h2>
 
         <section class="dashboard--layouts">
           <h2>Layouts</h2>
-          <ul></ul>
+          <ul>
+            <div id="amy-smith">
+              <div class="post-it">
+            <li>
+              <h3>z-index</h3>
+              <p>The z-index property specifies the stack order of an element.
+
+                An element with greater stack order is always in front of an element with a lower stack order.</p>
+            </li>
+          </div>
+          </ul>
+        
         </section>
       </div>
     </div>
diff --git a/styles.css b/styles.css
index addc014..718abd1 100644
--- a/styles.css
+++ b/styles.css
@@ -92,3 +92,13 @@
 /* LAYOUTS */
 /***************************************************/
 /* Put Layout post-it styles here! ↓ */
+.post-it {
+  height: 200px;
+  width: 200px;
+  background-color: #0089BA;
+  rotate: 10deg;
+}
+
+h3 {
+  font-weight: bold;
+}
\ No newline at end of file

From a2c71e716d4cc043650a52418f87028c92aef076 Mon Sep 17 00:00:00 2001
From: Emma Wilkinson <emmawilkinsonnxo@gmail.com>
Date: Tue, 21 Feb 2023 19:53:05 +0000
Subject: [PATCH 19/35] Changed the li and div element, used id selector in CSS

---
 index.html | 67 ++++++++++++++++++++++++++++--------------------------
 styles.css |  2 +-
 2 files changed, 36 insertions(+), 33 deletions(-)

diff --git a/index.html b/index.html
index 36872df..fc10138 100644
--- a/index.html
+++ b/index.html
@@ -1,38 +1,41 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="styles.css" />
-    <title>CSS Board</title>
-  </head>
-  <body>
-    <div class="dashboard-frame">
-      <div class="dashboard-area">
-        <h1 class="dashboard--heading">CSS Board</h1>
 
-        <section class="dashboard--selectors">
-          <h2>Selectors</h2>
-          <ul></ul>
-        </section>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>CSS Board</title>
+</head>
 
-        <section class="dashboard--properties">
-          <h2>Properties</h2>
-          <ul>
-            <div class="post-it" id="Emma-Wilkinson">
-            <h3>
-              <li>Border
-            </h3>
-            <p>A border is an outline box that goes around a property you assign it to.</p></li>
-            </div>
-          </ul>
-        </section>
+<body>
+  <div class="dashboard-frame">
+    <div class="dashboard-area">
+      <h1 class="dashboard--heading">CSS Board</h1>
 
-        <section class="dashboard--layouts">
-          <h2>Layouts</h2>
-          <ul></ul>
-        </section>
-      </div>
+      <section class="dashboard--selectors">
+        <h2>Selectors</h2>
+        <ul></ul>
+      </section>
+
+      <section class="dashboard--properties">
+        <h2>Properties</h2>
+        <ul>
+          <div class="post-it" id="Emma-Wilkinson">
+            <li>
+            <h3>Border</h3>
+            <p>A border is an outline box that goes around a property you assign it to.</p>
+          </li>
     </div>
-  </body>
-</html>
+    </ul>
+    </section>
+
+    <section class="dashboard--layouts">
+      <h2>Layouts</h2>
+      <ul></ul>
+    </section>
+  </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 8a7a0b3..8c0d75d 100644
--- a/styles.css
+++ b/styles.css
@@ -87,7 +87,7 @@
 /* PROPERTIES */
 /***************************************************/
 /* Put Property post-it styles here! ↓ */
-.post-it {
+#Emma-Wilkinson {
 
   aspect-ratio: 1:1;
   height: 200px;

From 81e65840aa00054d01afee00bc74cbb6ee115358 Mon Sep 17 00:00:00 2001
From: Jenny Rafferty <raffertyjenny@gmail.com>
Date: Tue, 21 Feb 2023 19:54:48 +0000
Subject: [PATCH 20/35] fixed aspect ratio

---
 styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/styles.css b/styles.css
index 2fa47b0..6948f4a 100644
--- a/styles.css
+++ b/styles.css
@@ -87,7 +87,7 @@
 
 #jenny {
   background-color: #E0EA87;
-  aspect-ratio: 1:1;
+  aspect-ratio: 1/1;
   height: 200px;
   transform: rotate(3deg); 
 }

From 5072da9f3b6f93a9ea521c8dbadd6e40ccaf3c61 Mon Sep 17 00:00:00 2001
From: Emma Wilkinson <emmawilkinsonnxo@gmail.com>
Date: Tue, 21 Feb 2023 19:57:50 +0000
Subject: [PATCH 21/35] Changed the li and div element, used id selector in CSS

---
 index.html | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index fc10138..4f228de 100644
--- a/index.html
+++ b/index.html
@@ -21,20 +21,19 @@ <h2>Selectors</h2>
       <section class="dashboard--properties">
         <h2>Properties</h2>
         <ul>
-          <div class="post-it" id="Emma-Wilkinson">
-            <li>
+          <li class="post-it" id="Emma-Wilkinson">
+
             <h3>Border</h3>
             <p>A border is an outline box that goes around a property you assign it to.</p>
           </li>
-    </div>
-    </ul>
-    </section>
+        </ul>
+      </section>
 
-    <section class="dashboard--layouts">
-      <h2>Layouts</h2>
-      <ul></ul>
-    </section>
-  </div>
+      <section class="dashboard--layouts">
+        <h2>Layouts</h2>
+        <ul></ul>
+      </section>
+    </div>
   </div>
 </body>
 

From a8b07e57ecaadb587123b76c0b4db77c7c4afbd5 Mon Sep 17 00:00:00 2001
From: Dave Bratby <dbratby1992@gmail.com>
Date: Tue, 21 Feb 2023 20:00:42 +0000
Subject: [PATCH 22/35] added a fulls top to fix a pull request issue

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 3cd62a3..de3b5af 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@ <h2>Selectors</h2>
           <li class="post-it" id="dave-bratby">
             <h3>Pseudo Class Selectors</h3>
             <p>Pseudo-classes are keywords added to a selector<br>
-              An example is selector:hover{}</p>
+              An example is selector:hover{}.</p>
           </li>
         </ul>
       </section>

From 53c0104b55f501591f2e2778e8d20745211d0cfd Mon Sep 17 00:00:00 2001
From: Armghan <armghanz@gmail.com>
Date: Tue, 21 Feb 2023 20:12:11 +0000
Subject: [PATCH 23/35] Armghan's Display Inline addition to Layout

---
 index.html | 12 ++++++++++++
 styles.css |  5 +++++
 2 files changed, 17 insertions(+)

diff --git a/index.html b/index.html
index f5fd3fb..2b25b3a 100644
--- a/index.html
+++ b/index.html
@@ -24,6 +24,18 @@ <h2>Properties</h2>
         <section class="dashboard--layouts">
           <h2>Layouts</h2>
           <ul></ul>
+          <li id="armghan-zubair" class="post-it">
+            <h3>Display inline</h3>
+            <p>
+              Inline elements do not generate a line-break before or after
+              themselves. The next element will be in the same line, as long
+              as there's enough space and no other properties stating
+              otherwise. You cannot adjust the height and width of these
+              elements.
+            </p>
+          </li>
+            </li>
+          </li>
         </section>
       </div>
     </div>
diff --git a/styles.css b/styles.css
index addc014..feaf4db 100644
--- a/styles.css
+++ b/styles.css
@@ -92,3 +92,8 @@
 /* LAYOUTS */
 /***************************************************/
 /* Put Layout post-it styles here! ↓ */
+#armghan-zubair {
+  background-color: #0089ba;
+  height: 200px;
+  aspect-ratio: 1/1;
+  rotate: 5deg;
\ No newline at end of file

From bf35ac0845b301b2a8a3f5a259237f002a816446 Mon Sep 17 00:00:00 2001
From: ThePahp <asif_islam@outlook.com>
Date: Tue, 21 Feb 2023 20:13:47 +0000
Subject: [PATCH 24/35] Asif Islam - Element Selectors

---
 index.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f5fd3fb..aad6cf2 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,16 @@ <h1 class="dashboard--heading">CSS Board</h1>
 
         <section class="dashboard--selectors">
           <h2>Selectors</h2>
-          <ul></ul>
+<ul>
+<li class="post-it" id="asif-islam">
+
+  <h3>Element Selector</h3>
+
+  <P>This group of selectors includes pseudo-classes, which style certain states of an element. 
+    The :hover pseudo-class for example selects an element only when it is being hovered 
+    over by the mouse pointer:</P>
+</li>
+</ul>
         </section>
 
         <section class="dashboard--properties">

From e305f101c779cd1a03c9797331df816289455abf Mon Sep 17 00:00:00 2001
From: ThePahp <asif_islam@outlook.com>
Date: Tue, 21 Feb 2023 20:14:35 +0000
Subject: [PATCH 25/35] Asif Islam - Element Selectors CSS

---
 styles.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/styles.css b/styles.css
index addc014..70f40c6 100644
--- a/styles.css
+++ b/styles.css
@@ -83,6 +83,19 @@
 /***************************************************/
 /* Put Selector post-it styles here! ↓ */
 
+#asif-islam 
+{
+  height: 200px;
+  aspect-ratio: 1 / 1;
+  background-color: #E0EA87;
+  rotate: 10deg;
+}
+
+#asif-islam h3
+{
+  font-weight: bold;
+}
+
 /***************************************************/
 /* PROPERTIES */
 /***************************************************/

From 8d2ae2ed6152e21f1e4c85d60a7889f2ebc5624f Mon Sep 17 00:00:00 2001
From: Dave Bratby <dbratby1992@gmail.com>
Date: Tue, 21 Feb 2023 20:14:50 +0000
Subject: [PATCH 26/35] updated the styling ul tag to the id of the li item

---
 index.html | 1 -
 styles.css | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/index.html b/index.html
index de3b5af..1a8a1e5 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,6 @@
   <div class="dashboard-frame">
     <div class="dashboard-area">
       <h1 class="dashboard--heading">CSS Board</h1>
-
       <section class="dashboard--selectors">
         <h2>Selectors</h2>
         <ul>
diff --git a/styles.css b/styles.css
index c3578e2..5db5186 100644
--- a/styles.css
+++ b/styles.css
@@ -83,7 +83,7 @@
 /***************************************************/
 /* Put Selector post-it styles here! ↓ */
 
-ul{
+#dave-bratby{
   aspect-ratio: 1/1;
   transform: rotate(-10deg);
   height: 200px;

From cf92cbe47a118fcd8353f3a12a186cd09d260f24 Mon Sep 17 00:00:00 2001
From: Anthony_Penketh <a.p98@hotmail.com>
Date: Tue, 21 Feb 2023 20:26:50 +0000
Subject: [PATCH 27/35] Fourth commit

---
 index.html |  5 +++++
 styles.css | 12 ++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/index.html b/index.html
index 3a77162..f34dc3d 100644
--- a/index.html
+++ b/index.html
@@ -77,6 +77,11 @@ <h3>
                 Elements with a "postion:" property of "fixed" are positioned as fixed relative to the viewport. This means that the element will always stay in the same place, even if the page is scrolled. The element exists outside of the normal flow of the document.
               </p>
             </li>
+            <li class="post-it" id="anthony">
+              <h3>Flex</h3>
+              <p>Flexbox allows the user to align items vertically and horizontally. It has 3 flex properties; grow, shrink and basis that allows the boxes to expand and contract.</p>
+            </li>
+
           </ul>
 
         </section>
diff --git a/styles.css b/styles.css
index 66955a7..8673731 100644
--- a/styles.css
+++ b/styles.css
@@ -212,6 +212,18 @@ font-weight: bold;
   font-weight: bold;
 }
 
+#anthony{
+  height: 200px;
+  aspect-ratio: 1 / 1;
+  background-color: #0089BA;
+  transform: rotate(10deg)
+}
+
+#anthony h3{
+  font-weight: 700;
+}
+
+
 
 /***************************************************/
 /* MEDIA QUERIES TO ENSURE RESPONSIVENESS */

From 0585f4f62bb76ae56e31590154dd9e738358ac39 Mon Sep 17 00:00:00 2001
From: AmyHMSmith <amyhmsmith@gmail.com>
Date: Tue, 21 Feb 2023 20:35:42 +0000
Subject: [PATCH 28/35] z-index v2

---
 index.html | 5 +----
 styles.css | 6 +++---
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 8261db6..4c1ec9e 100644
--- a/index.html
+++ b/index.html
@@ -25,15 +25,12 @@ <h2>Properties</h2>
         <section class="dashboard--layouts">
           <h2>Layouts</h2>
           <ul>
-            <div id="amy-smith">
-              <div class="post-it">
-            <li>
+            <li class="post-it" id="amy-smith">
               <h3>z-index</h3>
               <p>The z-index property specifies the stack order of an element.
 
                 An element with greater stack order is always in front of an element with a lower stack order.</p>
             </li>
-          </div>
           </ul>
         
         </section>
diff --git a/styles.css b/styles.css
index 718abd1..57ee0bd 100644
--- a/styles.css
+++ b/styles.css
@@ -92,13 +92,13 @@
 /* LAYOUTS */
 /***************************************************/
 /* Put Layout post-it styles here! ↓ */
-.post-it {
+.post-it#amy-smith {
   height: 200px;
-  width: 200px;
+  aspect-ratio: 1;
   background-color: #0089BA;
   rotate: 10deg;
 }
 
-h3 {
+.post-it h3 {
   font-weight: bold;
 }
\ No newline at end of file

From 5955d7584b762f9cb05a3e9b28f46757117b62ab Mon Sep 17 00:00:00 2001
From: nealoverton <nealjoverton@gmail.com>
Date: Tue, 21 Feb 2023 20:37:35 +0000
Subject: [PATCH 29/35] readd missing closing brace to media query

---
 styles.css | 42 +++++++++++++++++-------------------------
 1 file changed, 17 insertions(+), 25 deletions(-)

diff --git a/styles.css b/styles.css
index 189638c..39a1343 100644
--- a/styles.css
+++ b/styles.css
@@ -78,8 +78,6 @@
   transform: rotate(-1.5deg);
 }
 
-
-
 /***************************************************/
 /* SELECTORS */
 /***************************************************/
@@ -88,7 +86,7 @@
 #camillaPriestStephens {
   aspect-ratio: 1 / 1;
   height: 200px;
-  background-color: #E0EA87;
+  background-color: #e0ea87;
   transform: rotate(-5deg);
 }
 
@@ -99,18 +97,18 @@
 /* joshkuhn start */
 
 #jenny {
-  background-color: #E0EA87;
+  background-color: #e0ea87;
   aspect-ratio: 1/1;
   height: 200px;
-  transform: rotate(3deg); 
+  transform: rotate(3deg);
 }
 #jenny h3 {
-font-weight: bold;
+  font-weight: bold;
 }
 
 #joshkuhn {
-  color:black; 
-  background-color: #E0EA87;
+  color: black;
+  background-color: #e0ea87;
   aspect-ratio: 1/1;
   height: 200px;
   width: auto;
@@ -129,7 +127,7 @@ font-weight: bold;
 #benj-speight {
   aspect-ratio: 1 / 1;
   height: 200px;
-  background-color: #FF6F91;
+  background-color: #ff6f91;
   rotate: -6deg;
 }
 
@@ -137,11 +135,10 @@ font-weight: bold;
   font-weight: bold;
 }
 
-
 #jose-wills {
   aspect-ratio: 1 / 1;
   height: 200px;
-  background-color: #FF6F91;
+  background-color: #ff6f91;
   transform: rotate(9deg);
 }
 
@@ -149,10 +146,10 @@ font-weight: bold;
   font-weight: bold;
 }
 
-#david{
+#david {
   aspect-ratio: 1 / 1;
   height: 200px;
-  background-color: #FF6F91;
+  background-color: #ff6f91;
   transform: rotate(-5deg);
 }
 
@@ -160,14 +157,14 @@ font-weight: bold;
   background-color: #ff6f91;
   height: 200px;
   transform: rotate(7deg);
-  aspect-ratio: 1 / 1;;
+  aspect-ratio: 1 / 1;
 }
 
 #max-tauroza h3 {
   font-weight: bold;
 }
 
-#david h3{
+#david h3 {
   font-weight: bold;
 }
 
@@ -176,11 +173,10 @@ font-weight: bold;
 /***************************************************/
 /* Put Layout post-it styles here! ↓ */
 
-
 #matt_mullins {
   aspect-ratio: 1/1;
   height: 200px;
-  background-color: #0089BA;
+  background-color: #0089ba;
   transform: rotate(6.7deg);
 }
 
@@ -188,20 +184,17 @@ font-weight: bold;
   font-weight: bold;
 }
 
-#jordan-noble
-{
+#jordan-noble {
   height: 200px;
   aspect-ratio: 1 / 1;
-  background-color: #0089BA;
+  background-color: #0089ba;
   rotate: -6deg;
 }
 
-#jordan-noble h3
-{
+#jordan-noble h3 {
   font-weight: bold;
 }
 
-
 /***************************************************/
 /* MEDIA QUERIES TO ENSURE RESPONSIVENESS */
 /* Please do not change ^_^ */
@@ -232,5 +225,4 @@ font-weight: bold;
   .dashboard--layouts {
     grid-area: Layouts;
   }
-
-
+}

From 9fa880623c34f9e6f76da1c933c4f133cfb3184d Mon Sep 17 00:00:00 2001
From: AmyHMSmith <amyhmsmith@gmail.com>
Date: Tue, 21 Feb 2023 20:45:16 +0000
Subject: [PATCH 30/35] z-index v3

---
 styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/styles.css b/styles.css
index 57ee0bd..a39dd49 100644
--- a/styles.css
+++ b/styles.css
@@ -99,6 +99,6 @@
   rotate: 10deg;
 }
 
-.post-it h3 {
+#amy-smith h3 {
   font-weight: bold;
 }
\ No newline at end of file

From 6cfef2b997885ce9824ec35130d4d8335dbed85e Mon Sep 17 00:00:00 2001
From: u1986f <u1986f@gmail.com>
Date: Tue, 21 Feb 2023 20:44:25 +0000
Subject: [PATCH 31/35] added my post-it

---
 index.html | 7 +++++++
 styles.css | 6 ++++++
 2 files changed, 13 insertions(+)

diff --git a/index.html b/index.html
index b3f8286..914abf3 100644
--- a/index.html
+++ b/index.html
@@ -89,6 +89,13 @@ <h3>Flex</h3>
               <p>Flexbox allows the user to align items vertically and horizontally. It has 3 flex properties; grow, shrink and basis that allows the boxes to expand and contract.</p>
             </li>
 
+            <li class=“post-it” id=umar-farooq”>
+              <h3 id=umar-farooq>Grids</h3>
+              <p>CSS Grid Layout (aka “Grid” or “CSS Grid”), is a two-dimensional grid-based layout system
+                  that, compared to any web layout system of the past, completely changes the way we design
+                  user interfaces. </p>
+          </li>
+          
           </ul>
 
         </section>
diff --git a/styles.css b/styles.css
index c0b6cf0..28b8e12 100644
--- a/styles.css
+++ b/styles.css
@@ -222,6 +222,12 @@
   font-weight: 700;
 }
 
+#umar-farooq {
+  height: 200px;
+  aspect-ratio: 1 / 1;
+  background-color: #0089BA;
+  transform: rotate(-4deg);
+}
 /***************************************************/
 /* MEDIA QUERIES TO ENSURE RESPONSIVENESS */
 /* Please do not change ^_^ */

From b33034491565183d4156810e756a7fe24433d0da Mon Sep 17 00:00:00 2001
From: Armghan <armghanz@gmail.com>
Date: Tue, 21 Feb 2023 21:01:02 +0000
Subject: [PATCH 32/35] Armghan's Display Inline addition to Layout revised

---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 2b25b3a..e53ee65 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@ <h2>Properties</h2>
 
         <section class="dashboard--layouts">
           <h2>Layouts</h2>
-          <ul></ul>
+          <ul>
           <li id="armghan-zubair" class="post-it">
             <h3>Display inline</h3>
             <p>
@@ -36,6 +36,7 @@ <h3>Display inline</h3>
           </li>
             </li>
           </li>
+        </ul>
         </section>
       </div>
     </div>

From 9c289cfcb5869d2d26b5a04615d3e419155a1242 Mon Sep 17 00:00:00 2001
From: u1986f <u1986f@gmail.com>
Date: Tue, 21 Feb 2023 21:02:47 +0000
Subject: [PATCH 33/35] updates

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 914abf3..e770a47 100644
--- a/index.html
+++ b/index.html
@@ -93,9 +93,9 @@ <h3>Flex</h3>
               <h3 id=umar-farooq>Grids</h3>
               <p>CSS Grid Layout (aka “Grid” or “CSS Grid”), is a two-dimensional grid-based layout system
                   that, compared to any web layout system of the past, completely changes the way we design
-                  user interfaces. </p>
+                  user interfaces.</p>
           </li>
-          
+
           </ul>
 
         </section>

From b91c43e173530041ef4e1438cb7379ca299d58d9 Mon Sep 17 00:00:00 2001
From: Armghan <armghanz@gmail.com>
Date: Tue, 21 Feb 2023 21:07:39 +0000
Subject: [PATCH 34/35] Armghan's Display Inline addition to Layout v3

---
 index.html | 2 --
 1 file changed, 2 deletions(-)

diff --git a/index.html b/index.html
index e53ee65..6fe2d15 100644
--- a/index.html
+++ b/index.html
@@ -34,8 +34,6 @@ <h3>Display inline</h3>
               elements.
             </p>
           </li>
-            </li>
-          </li>
         </ul>
         </section>
       </div>

From ddf4b19d480dba2cf93e50e83da3779c32767d59 Mon Sep 17 00:00:00 2001
From: u1986f <u1986f@gmail.com>
Date: Tue, 21 Feb 2023 21:26:44 +0000
Subject: [PATCH 35/35] updated my post-it

---
 index.html | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 4a5df08..8fe2cbf 100644
--- a/index.html
+++ b/index.html
@@ -113,12 +113,10 @@ <h3>Flex</h3>
               <p>Flexbox allows the user to align items vertically and horizontally. It has 3 flex properties; grow, shrink and basis that allows the boxes to expand and contract.</p>
             </li>
 
-            <li class=“post-it” id=umar-farooq”>
-              <h3 id=umar-farooq>Grids</h3>
-              <p>CSS Grid Layout (aka “Grid” or “CSS Grid”), is a two-dimensional grid-based layout system
-                  that, compared to any web layout system of the past, completely changes the way we design
-                  user interfaces.</p>
-          </li>
+            <li class="post-it" id="umar-farooq">
+              <h3>Grids</h3>
+              <p>CSS Grid Layout (aka “Grid” or “CSS Grid”), is a two-dimensional grid-based layout system that, compared to any web layout system of the past, completely changes the way we design user interfaces.</p>
+            </li>
 
           </ul>