From be05cf9dd10e22e45d7e3aea735681bd18af93bd Mon Sep 17 00:00:00 2001
From: Niklas Meinzer <dev@niklas-meinzer.de>
Date: Tue, 21 May 2024 10:21:33 +0200
Subject: [PATCH] Improve responsiveness

---
 src/App.js        | 4 ++--
 src/Solimieten.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.js b/src/App.js
index 64c586a..33f604e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -44,8 +44,8 @@ function App() {
 
     <ChakraProvider theme={theme}>
       <Nav></Nav>
-      <Center>
-        <SimpleGrid columns={2} spacing={4}>
+      <Center p={5}>
+        <SimpleGrid columns={{ base: 1, md: 2, lg: 2 }} spacing={4}>
 
           <Heading>Wohnung</Heading>
           <Box></Box>
diff --git a/src/Solimieten.js b/src/Solimieten.js
index 8508ae5..08e0a8b 100644
--- a/src/Solimieten.js
+++ b/src/Solimieten.js
@@ -60,7 +60,7 @@ export function FlatSelectionCard({ setSelectedFlat }) {
             <Heading size='md'>Wohnungsauswahl</Heading>
         </CardHeader>
         <CardBody>
-            <Stack spacing={4} w="500px">
+            <Stack spacing={4} >
                 <Select placeholder='Gebäude auswählen' onChange={buildingSelected}>
                     <option value='north'>Nordbau</option>
                     <option value='south'>Südbau</option>