commit ry 1

index.html

@@ -26,7 +26,12 @@
             </ul>
         </nav>        
       </header>
-    <aside></aside>
+      <aside>
+        <div class="lorem-block"><p>a</p></div>
+        <div class="lorem-block"></div>
+        <div class="lorem-block"></div>
+    </aside>
+
 
     <main>
         <h1><img src="assets\icons\Heart Filled.svg">  Alle bewaarde huizen</h1>

styles/styles.css

@@ -7,7 +7,7 @@
 
     --primairy-color-1: #F7A100;
     --primairy-color-2: #FFFFFF;
-    --primairy-color-3: #0071B3;
+    --primairy-color-3: #5FC5F8;
     --primairy-color-4: #333333;
 
     --secundairy-color-1:#53241B;
@@ -61,14 +61,41 @@ header {
     /* Your header styles here */
 } 
 /* @naddybs aside section */
+/* Add this CSS to the existing stylesheet */
 aside {
     grid-area: aside;
-    /* Your aside styles here */
     height: auto;
     background-color: var(--primairy-color-3);
-
+    position: relative;
+}
+
+.lorem-block {
+    margin-top: 2em;
+    margin-left: 2em;
+    width: 250px;
+    height: 100px;
+    background-color: var(--background-color-1);
+    margin-bottom: 10px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+
+.lorem-block p {
+    text-align: center;
+    margin: 0; /* Remove default margin to ensure text is centered properly */
+}
+
+.lorem-block:nth-child(2) {
+    margin-bottom: 10px;
+}
+
+.lorem-block:nth-child(3) {
+    margin-bottom: 0;
 }
 
+
 h1 {
     position: relative;
     top:0;
@@ -258,7 +285,7 @@ of kan je dingen voor en na invoegen aan het element. */
 /* Sammy :P */
 
 /* Footer */
-footer {
+zfooter {
     background-color: var(--grayscale-color-1);
     bottom: 1;
     grid-area: footer;