I fixed some of the problems with the header and fixed the problems i…

…n index

about.css

@@ -33,6 +33,10 @@ button{
     margin-top: 20px;
     justify-content: center;
     transition: all 0.3s ease;
+    background: "banner.css";
+}
+header::after{
+    position: sticky;
 }
 
 /*About Us Starts*/
@@ -260,12 +264,14 @@ button{
 .team {
     text-align: center;
     margin-bottom: 150px;
+    top: 150px;
+
 }
 .team h2 {
-    margin-bottom: 100px;
+    margin-bottom: 40px;
     font-size: 60px;
     font-weight: 700;
-    line-height: 90px;
+    line-height: 40px;
 }
 .team-container {
     display: flex;
@@ -474,7 +480,6 @@ button{
 @media screen and (max-width: 480px) {
     .aboutus-about {
         margin-bottom: 2em;
-        /* left: -3em; */
         }
     .aboutus-about img {
         width: 89px;
@@ -491,7 +496,6 @@ button{
 
     .mission {
         height: 33em;
-        /* margin-left: 0; */
         border-radius: 0;
         padding: 0%;
         }
@@ -565,7 +569,6 @@ button{
     .whatwedo h2 {
         font-size: 50px;
         margin-left: 1.5em;
-        /* margin-bottom: 0px; */
         padding-top: 1em;
         }
     .whatwedo p {font-size: 20px;
@@ -582,19 +585,27 @@ button{
     left: -3em;
     position: relative;
 }
-    .ourstory-text {padding: 0;}
-    .ourstory-text h2 {position: relative;
+    .ourstory-text {
+        padding: 0;
+    }
+    .ourstory-text h2 {
+        position: relative;
         font-size: 40px;
         text-align: center;
-        left: 50px;}
-    .ourstory-text p {position: relative;
+        left: 50px;
+    }
+    .ourstory-text p {
+        position: relative;
         font-size: 18px;
         width: 100%;
         top: 300px;
-        left: 50px;}
-    .ourstory-image img {width: 100%;
+        left: 50px;
+    }
+    .ourstory-image img {
+        width: 100%;
         left: -20px;
-        top: -800px;}
+        top: -750px;
+    }
 
     .team-container {
         display: grid;
@@ -609,8 +620,7 @@ button{
         font-size: 50px;
         left: -1em;
         position: relative;
-        margin-top: -201px;
-        margin-top: -5em;
+        margin-top: -150px;
         margin-bottom: -12em;
         }
     .team h2 {position:relative;
@@ -622,5 +632,13 @@ button{
         width:100%;
     }
 }
+@media screen and (max-width: 360px) {
+    .ourstory-image img {
+        width: 100%;
+        left: -20px;
+        top: -800px;
+    }
+
+}
 /*About Us Ends*/
 

about.html

@@ -194,14 +194,31 @@ <h2>Our Team</h2>
                     <img src="images/People/Jean-Luc.png"/>
                     <p><strong>Jean-Luc Shimizu</strong><br></br> Business Lead</p>
                 </div>
+                <div class="team-member">
+                    <img src="images/People/Daniel.png"/>
+                    <p><strong>Daniel Bitensky</strong><br></br> Business Team Member</p>
+                </div>
                 <div class="team-member">
                     <img src="images/People/Dominique.png"/>
                     <p><strong>Dominique Lozano</strong><br></br> Business Team Member</p>
-                </div>
+                </div>      
                 <div class="team-member">
                     <img src="images/People/Paul.png"/>
                     <p><strong>Paul Yang</strong><br></br> Legal Lead</p>
                 </div>
+                <div class="team-member">
+                    <img src="images/People/Debanjo.png"/>
+                    <p><strong>Debanjoli Chowdhury</strong><br></br> Outreach Team Member</p>
+                </div>
+                <div class="team-member">
+                    <img src="images/People/Esha.png"/>
+                    <p><strong>Esha Shakthy</strong><br></br> Outreach Team Member</p>
+                </div>
+                 <div class="team-member">
+                    <img src="images/People/Viraj.png"/>
+                    <p><strong>Viraj Dcunha</strong><br></br> Outreach Team Member</p>
+                </div>
+
             </div>
         </section>
         <footer>

banner.css

@@ -5,7 +5,7 @@
     font-family: "Open Sans", sans-serif;
 }
 body {
-    height: 100vh;
+    height: 90vh;
 }
 
 li{

index.css

@@ -11,6 +11,7 @@ body {
         "wdth" 100;
     text-align: center;
     align-items: center;
+    background-color: #EBFAE7;
 }
 
 button{
@@ -87,8 +88,18 @@ header{
 }
 
 .appstuff {
-    height:250px; 
-    margin-top:240px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 20px;
+    box-sizing: border-box;
+    height: 300px;
+    background-color: #FFFFFF;
+    width: 100%;
+    position: relative;
+    margin-top: 0;  
 }
 
 .appstuff h3 {
@@ -97,18 +108,26 @@ header{
     font-size: 48px;
     font-weight: 700;
     line-height: 65.37px;
-    text-align: center;
+    margin-bottom: 20px;
 }
 
 .appstuff p {
     color: rgba(0, 0, 0, 1);
-    position:relative;
-    font-family:sans-serif;
+    font-family: sans-serif;
     font-size: 30px;
     font-weight: lighter;
-    line-height: 0px;
-    margin-top:-10px;
-    left:-90px;
+    margin: 10px 0;
+    position: static;  
+    left: auto;  
+}
+
+
+.appstuff img {
+    max-width: 100%;
+    height: auto;
+    margin-top: -60px;
+    position: relative;  
+    top: 150px;
 }
 
 .appstuff button {
@@ -119,7 +138,12 @@ header{
     background-color:white;
     color:rgba(0, 0, 0, 1);
     top:-70px;
-    left:240px;
+    left: 450px
+}
+.ap{
+    flex-direction: wrap;
+    text-align: center;
+    left: -40px;
 }
 
 .appstuff button:hover {
@@ -134,11 +158,7 @@ header{
     position:relative;
     display:inline-block;
 }
-.appstuff img {
-    position:relative;
-    top:-80px;
-    display:inline-block;
-}
+
 .banner {
     position:relative;
     display:flex;
@@ -291,27 +311,6 @@ header{
     margin-top:0;
 }
 
-.appstuff {
-    height:300px; margin-top:240px;
-}
-.appstuff h3 {
-    color: rgba(12, 74, 127, 1);
-    font-family: sans-serif;
-    font-size: 48px;
-    font-weight: 700;
-    line-height: 65.37px;
-    text-align: center;
-}
-.appstuff p {
-    color: rgba(0, 0, 0, 1);
-    position:relative;
-    font-family:sans-serif;
-    font-size: 30px;
-    font-weight: lighter;
-    line-height: 0px;
-    margin-top:-10px;
-    left:-90px;
-}
 .appstuff button {
     position:relative;
     font-size:18px;
@@ -320,8 +319,8 @@ header{
     background-color:white;
     color:rgba(0, 0, 0, 1);
     top:-70px;
-    left:240px;
 }
+
 .appstuff button:hover {
     background-color:rgba(0, 0, 0, 0.10);
 }
@@ -334,11 +333,7 @@ header{
     position:relative;
     display:inline-block;
 }
-.appstuff img {
-    position:relative;
-    top:-80px;
-    display:inline-block;
-}
+
 .banner {
     position:relative;
     display:flex;

index.html

@@ -65,8 +65,10 @@ <h1><strong>Find the Right Healthcare Whenever You Need.</strong> </h1>
 
         <div class="appstuff">
             <h3>Ready to get started?</h3>
-            <p>Download our easy-to-use app.</p>
-            <button onclick="document.location='app.html'">Learn More</button><br>
+            <div class="ap">
+                <p>Download our easy-to-use app.</p>
+                <button onclick="document.location='app.html'">Learn More</button><br>
+            </div>
             <img class="banner"src="images/Group 6.png"/>
         </div>