Merge Merge pull request #369 from feat/add-img-aboutus

[Feat]:modified images on about us page
maniyaom · Oct 23, 2024 · 327f03e · 327f03e
2 parents e630101 + b3b7e6b
commit 327f03e
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 4 deletions.
diff --git a/src/Pages/AboutUs.css b/src/Pages/AboutUs.css
@@ -1,11 +1,11 @@
-/* General Card Styles */
 .card-image-div {
   width: 80vw;
   margin: 30px 10vw;
   display: flex;
   border-radius: 8px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   padding: 15px;
+  align-items: center;
 }
 
 .card-image-div > div {
@@ -18,8 +18,10 @@
 }
 
 .card-image-div > div > img {
-  width: 38vw;
-  height: 300px;
+  width: 100%;
+  height: auto;
+  max-height: 300px;
+  object-fit: contain;
   border-radius: 8px;
 }
 
@@ -43,6 +45,7 @@
   font-weight: 600;
 }
 
+
 .social-icons {
   display: flex;
 }

diff --git a/src/Pages/AboutUs.js b/src/Pages/AboutUs.js
@@ -7,7 +7,7 @@ import linkedin_icon from '../assets/icons/linkedin2.png'
 import twitter_icon from '../assets/icons/twitter.png'
 import join_our_community from '../assets/images/join-our-community.jpg'
 import our_mission from '../assets/images/our-mission.jpg'
-import who_we_are from '../assets/images/who-we-are.jpg'
+import who_we_are from '../assets/images/who-we-are.png'
 import Footer from '../components/Footer'
 
 // Sample data for FAQs and Testimonials

diff --git a/src/assets/images/join-our-community.jpg b/src/assets/images/join-our-community.jpg
diff --git a/src/assets/images/our-mission.jpg b/src/assets/images/our-mission.jpg
diff --git a/src/assets/images/who-we-are.jpg b/src/assets/images/who-we-are.jpg
diff --git a/src/assets/images/who-we-are.png b/src/assets/images/who-we-are.png