From 7a4394f5c16ad870191c827b53a64921c1598db3 Mon Sep 17 00:00:00 2001
From: rileyesther <144009597+rileyesther@users.noreply.github.com>
Date: Wed, 29 Nov 2023 12:01:43 +0100
Subject: [PATCH] ryry (#1)

---
 index.html        |  4 +++-
 styles/styles.css | 18 ++++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index a87c9e8b..925f49f9 100644
--- a/index.html
+++ b/index.html
@@ -27,12 +27,14 @@
         </nav>        
       </header> 
       <aside>
-        <div class="aside-top">Opties</div>
+        <div class="aside-top">Mijn lijsten</div>
         <div class="lorem-block"><p>huizen met een tuin</p></div>
         <div class="lorem-block"><p>huizen met 2 etages</p></div>
         <div class="lorem-block"><p>huizen met een kelder</p></div>
+        <div class="plus-block">+</div>
     </aside>
     
+    
 
     <main>
         <h1><img src="assets\icons\Heart Filled.svg">  Alle bewaarde huizen</h1>
diff --git a/styles/styles.css b/styles/styles.css
index 9aafa94a..871eb874 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -95,6 +95,7 @@ aside {
   margin: 0; /* Remove default margin to ensure text is centered properly */
 }
 
+
 .lorem-block:nth-child(2) {
   margin-bottom: 10px;
 }
@@ -102,6 +103,23 @@ aside {
 .lorem-block:nth-child(3) {
   margin-bottom: 0;
 }
+.plus-block {
+    margin-top: 10em; 
+    margin-left: 0em;
+    width: 250px;
+    height: 100px;
+    background-color: var(--background-color-1);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 24px;
+    color: var(--secundairy-color-1);
+  }
+
+
+
+
+
 
 h1 {
   position: relative;