From ba596dbde1b32166840faee2896545111c35d44b Mon Sep 17 00:00:00 2001
From: Ayushmaanagarwal1121 <agarwalayushmaan88@gmail.com>
Date: Tue, 4 Jun 2024 23:53:38 +0530
Subject: [PATCH 1/2] Fixed responsive of contributor section

---
 Official_Website/contributor-index.html |  6 ----
 Official_Website/contributor-style.css  | 37 ++++++++++++++++++++-----
 Official_Website/style.css              | 14 ++++++++++
 3 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/Official_Website/contributor-index.html b/Official_Website/contributor-index.html
index 4b8fcbd5..5c3e85c0 100644
--- a/Official_Website/contributor-index.html
+++ b/Official_Website/contributor-index.html
@@ -97,7 +97,6 @@ <h1>HelpOps-Hub</h1>
 
         </nav>
     <div class="container">
-      <main class="main-content">
         <div class="intro">
           <h1>Our Team</h1>
           <p>
@@ -108,7 +107,6 @@ <h1>Our Team</h1>
         </div>
         <div id="team-grid">
           <div class="team-member">
-            <div class="card1">
               <div class="image-div">
                 <img src="Screenshot (251).png" alt="Azfar Alam" />
               </div>
@@ -117,7 +115,6 @@ <h1>Our Team</h1>
                 <h2>Azfar Alam</h2>
                 <p>DevOps Engineer</p>
               </div>
-            </div>
             <div id="social-links">
               <a href="https://github.com/sponsors/mdazfar2"><i class="fas fa-heart"></i> Sponsor</a>
               <a href="https://github.com/mdazfar2"><i class="fab fa-github"></i> GitHub</a>
@@ -125,7 +122,6 @@ <h2>Azfar Alam</h2>
             </div>
           </div>
           <div class="team-member">
-            <div class="card2">
               <div class="image-div">
                 <img src="Screenshot (250).png" alt="Anurag Pandey" />
               </div>
@@ -134,7 +130,6 @@ <h2>Azfar Alam</h2>
                 <h2>Anurag Pandey</h2>
                 <p>Software Engineer</p>
               </div>
-            </div>
             <div id="social-links">
               <a href="https://github.com/sponsors/pandeyji711"><i class="fas fa-heart"></i> Sponsor</a>
               <a href="https://github.com/pandeyji711"><i class="fab fa-github"></i> GitHub</a>
@@ -142,7 +137,6 @@ <h2>Anurag Pandey</h2>
             </div>
           </div>
         </div>
-      </main>
     </div>
     <button id="scrollToTopBtn" class="scrollToTopBtn">▲</button>
     <div id="team-grid1">
diff --git a/Official_Website/contributor-style.css b/Official_Website/contributor-style.css
index 13291a02..ce616da4 100644
--- a/Official_Website/contributor-style.css
+++ b/Official_Website/contributor-style.css
@@ -214,15 +214,24 @@ width: 40px;
 .container {
   display: flex;
   width: 100%;
+  height: auto;
+  flex-direction: column;
 }
 
 .main-content {
   flex: 1;
   padding: 20px;
+  height: auto;
 }
 
 .intro {
-  margin:24px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  margin: 30px;
+  align-items: center;
+  justify-content: center;
 }
 
 /* .intro h1 {
@@ -236,14 +245,27 @@ width: 40px;
 } */
 
 #team-grid {
-  margin-left: 2rem;
-  margin-right: 2rem;
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
-  gap: 5rem;
-  height: 300px;
+  
+  display: flex;
+  flex-direction: row;
+justify-content: center;
+ min-height: 300px;
+ height: auto;
+  gap: 30px;
 }
 
+@media only screen and (max-width:944px) {
+    #team-grid{
+      flex-direction: column;
+
+    }
+}
+@media only screen and (max-width:520px) {
+  .team-member{
+    display: flex;
+    flex-direction: column !important;
+  }
+}
 .team-member {
   display: flex;
   justify-content: space-between;
@@ -254,6 +276,7 @@ width: 40px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
   padding: 20px;
  /* background-color: gray; */
+ gap: 10px;
   margin-left: 20px;
   background-position: center center;
   background-size: cover;
diff --git a/Official_Website/style.css b/Official_Website/style.css
index b1670ab6..988b1dc6 100644
--- a/Official_Website/style.css
+++ b/Official_Website/style.css
@@ -7,6 +7,20 @@ p {
   margin: 0;
   padding: 0;
 }
+.team-grid{
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap !important;
+}
+.img-div{
+  width: 40%;
+
+}
+.team-member{
+  display: flex;
+  flex-direction: row;
+position: relative;
+}
 /* style search container */
 #search-container {
   display: flex;

From c94a8ccad267a6a0a2aa3c7e09af1e1296343d8f Mon Sep 17 00:00:00 2001
From: Ayushmaanagarwal1121 <agarwalayushmaan88@gmail.com>
Date: Wed, 5 Jun 2024 08:41:31 +0530
Subject: [PATCH 2/2] Updated

---
 Official_Website/contributor-style.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/Official_Website/contributor-style.css b/Official_Website/contributor-style.css
index ce616da4..ca12e03d 100644
--- a/Official_Website/contributor-style.css
+++ b/Official_Website/contributor-style.css
@@ -229,8 +229,8 @@ width: 40px;
   display: flex;
   flex-direction: column;
   gap: 20px;
+
   margin: 30px;
-  align-items: center;
   justify-content: center;
 }
 
@@ -259,12 +259,18 @@ justify-content: center;
       flex-direction: column;
 
     }
+    .intro{
+      align-items: center;
+    }
 }
 @media only screen and (max-width:520px) {
   .team-member{
     display: flex;
     flex-direction: column !important;
   }
+  .intro{
+    align-items: center;
+  }
 }
 .team-member {
   display: flex;