Merge branch 'master' into johanna

JohLeo · Jun 6, 2023 · f738567 · f738567
2 parents 2b8d1b1 + 214545e
commit f738567
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/src/components/Menu/Menu.styled.js b/src/components/Menu/Menu.styled.js
@@ -5,8 +5,8 @@ export const StyledMenu = styled.nav`
   flex-direction: column;
   justify-content: center;
   background: white;
-  height: 100vh;
   text-align: left;
+  height: 100vh;
   padding: 2rem;
   position: absolute;
   top: 0;
@@ -17,10 +17,22 @@ export const StyledMenu = styled.nav`
   
   @media (max-width: 768px) {
     width: 100%;
+    height: 100vh;
+    padding: 0 0 0 2rem;
+    
+
+    a {
+      text-align: center;
+    }
   }
 
   @media (min-width: 769px) and (max-width: 1024px) {
     width: 40%; 
+    height: 100vh;
+    
+    a {
+      text-align: center;
+    }
   }
 
   a {

diff --git a/src/components/StartPage.js b/src/components/StartPage.js
@@ -30,15 +30,15 @@ const StartPage = () => {
         {propertyData.map((item) => (
           <PropertyCard key={item.id}>
             <p>
-              {item.address.city}<br />
               {item.address.street} {item.address.streetNumber}<br />
+              {item.address.postalCode} {item.address.city}<br />
+              {item.price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ')} {item.currency} {item.squareMeters} {item.unitOfArea}<br />
             </p>
             <p>
               {item.category}<br />
               {item.description}<br />
             </p>
             <p>
-              {item.price}<br />
               {item.realtor}<br />
             </p>
           </PropertyCard>
@@ -53,7 +53,7 @@ export default StartPage;
 // STYLING
 const SearchContainer = styled.div`
 border-style: solid; 
-max-width: 90%;
+max-width: 100%;
   `;
 
 const PropertyCard = styled.div`