update border property

index.html

@@ -13,25 +13,40 @@ <h1 class="dashboard--heading">CSS Board</h1>
 
         <section class="dashboard--selectors">
           <h2>Selectors</h2>
-          <ul></ul>
+          <ul>
+            <li class="post-it" id="Abi-Turner">
+              <h3>Element Selector</h3>
+              <p>The element selector selects HTML elements based on the element name.</p>
+            </li>
+          </ul>
         </section>
 
         <section class="dashboard--properties">
           <h2>Properties</h2>
           <ul>
+        ed-crowther
+          <li id="edcrowther" class="post-it">
+            <h3>Drop Shadow</h3>
+            <p>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.</p>
+          </li>
             <li class="post-it" id="Rob-B">
               <h3>Padding</h3>
               <p>
                 CSS padding properties are used to generate space around an
                 element's content, inside of any defined borders.
               </p>
             </li>
+        oct-22
           </ul>
         </section>
 
         <section class="dashboard--layouts">
           <h2>Layouts</h2>
           <ul>
+            <li class="post-it" id="matthew-giles">
+              <h3>z-index</h3>
+              <p>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.</p>
+              </li>
             <li id="sarah-moran" class="post-it">
               <h3>Display inline</h3>
               <p>

styles.css

@@ -17,11 +17,16 @@ 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;
   padding: 10px;
   margin-bottom: 20px;
+  transform: rotate(8deg);
 }
 
 .dashboard-frame {
@@ -88,12 +93,27 @@ h3 {
 /* SELECTORS */
 /***************************************************/
 /* Put Selector post-it styles here! ↓ */
-
+.post-it {
+  aspect-ratio: 1/1;
+  height: 200px;
+  background-color: #E0EA87;
+  rotate: -10deg;
+}
 /***************************************************/
 /* PROPERTIES */
 /***************************************************/
 /* Put Property post-it styles here! ↓ */
 
+
+.dashboard--selectors {
+	border:2px;
+}
+.dashboard--properties {
+	border:2px;
+}
+.dashboard--layouts {
+	border:2px;
+}
 .post-it {
   background-color: #ff6f91;
   aspect-ratio: 1 / 1;
@@ -163,5 +183,6 @@ h3 {
 
   .dashboard--layouts {
     grid-area: Layouts;
+    background-color: #0089BA;
   }
 }