From 8933f433d97aa44aee0c4372bea8cd37358b9d4d Mon Sep 17 00:00:00 2001
From: Himanshu <xylogramori@gmail.com>
Date: Tue, 23 May 2023 20:33:51 +0530
Subject: [PATCH] map made responsive

---
 package-lock.json                      |  3 ++-
 src/components/MainBlogs/MainBlogs.tsx |  6 +++++-
 src/components/MapBox/MapBox.tsx       | 15 +++++++++------
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index eeea927..ad1943d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,7 +30,8 @@
         "dayjs": "^1.11.7",
         "dotenv": "^16.0.3",
         "dotenv-webpack": "^8.0.1",
-        "embla-carousel-react": "^7.1.0",
+        "embla-carousel-react": "^7.0.9",
+        "firebase": "^9.17.2",
         "google-map-react": "^2.2.0",
         "mapbox-gl": "^2.13.0",
         "react": "^18.2.0",
diff --git a/src/components/MainBlogs/MainBlogs.tsx b/src/components/MainBlogs/MainBlogs.tsx
index b5acb01..0217027 100644
--- a/src/components/MainBlogs/MainBlogs.tsx
+++ b/src/components/MainBlogs/MainBlogs.tsx
@@ -48,7 +48,11 @@ const MainBlogs = () => {
   ));
 
   return (
-    <Paper m={20} px={70} mb={70}>
+    <Paper m={20} px={70} mb={70}  
+      sx={{
+       paddingTop:"20px"
+      }}
+    >
       <Box>
         <Title
           order={3}
diff --git a/src/components/MapBox/MapBox.tsx b/src/components/MapBox/MapBox.tsx
index 7241e2d..53097f0 100644
--- a/src/components/MapBox/MapBox.tsx
+++ b/src/components/MapBox/MapBox.tsx
@@ -74,15 +74,18 @@ const MapBox = () => {
     <Paper
       m={25}
       sx={{
-        height: '80vh',
+        height: '90vh',
         display: 'flex',
-        justifyContent: 'space-around',
-        alignItems: 'left',
+        direction:'row',
+        flexWrap:'wrap',
+        justifyContent: 'centre',
+        alignItems: 'center',
       }}
     >
       <Card
-        sx={{ display: 'flex', alignItems: 'left', flexDirection: 'column' }}
-        w="50%"
+        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.
@@ -119,7 +122,7 @@ const MapBox = () => {
         }}
         style={{
           width: '500px',
-          height: '100%',
+          height: '60%',
           borderRight: '10px',
         }}
         mapStyle="mapbox://styles/mapbox/dark-v9"