ryry (#1)

SamaraFellaDina · Nov 29, 2023 · 7a4394f · 7a4394f
1 parent c99a9b2
commit 7a4394f
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git 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
@@ -95,13 +95,31 @@ aside {
   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;
 }
+.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;