style: map responsiveness

Gaurav-Verma07 · Jun 4, 2023 · 5209d1a · 5209d1a · vercel · Jun 4, 2023
2 parents 454c466 + 8933f43
commit 5209d1a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/src/components/MainBlogs/MainBlogs.tsx b/src/components/MainBlogs/MainBlogs.tsx
@@ -48,7 +48,7 @@ const MainBlogs = () => {
   ));
 
   return (
-    <Paper m={20} px={70} mb={70}>
+    <Paper m={20} px={70} mb={70}  pt={20}>
       <Box>
         <Title
           order={3}

diff --git a/src/components/MapBox/MapBox.tsx b/src/components/MapBox/MapBox.tsx
@@ -67,13 +67,19 @@ const MapBox = () => {
     <Paper
       m={25}
       sx={{
-        height: '80vh',
+        height: '90vh',
         display: 'flex',
+        flexDirection:'row',
+        flexWrap:'wrap',
         justifyContent: 'space-around',
-        alignItems: 'left',
+        alignItems: 'center',
       }}
     >
-      <Card sx={{ display: 'flex', alignItems: 'left', flexDirection: 'column' }} w="50%">
+      <Card
+        sx={{ display: 'flex', alignItems: 'left', flexDirection: 'column',minWidth:"360px",maxWidth:"50%" }}
+
+
+      >
         <Title order={1} weight={300}>
           We provide assistanace. Register your NGO/orphanage at Sampark.
         </Title>
@@ -109,7 +115,7 @@ const MapBox = () => {
         }}
         style={{
           width: '500px',
-          height: '100%',
+          height: '60%',
           borderRight: '10px',
           boxShadow: '0px 4px 24px 0px #0909091A',
         }}