cleaned up some more css

src/components/ambassador/AmbassadorCard/index.js

@@ -17,8 +17,6 @@ export default function AmbassadorCard({
           <img className={styles.cardFace} src={useBaseUrl(data.creatorImage)}></img>
           <div className={styles.cardNameContainer}>
             <div className={styles.name}>{data.name}</div>
-            <div className={styles.titleText}>{data.title}</div>
-            <div className={styles.location}>{data.location}</div>
           </div>
         </div>
 

src/components/ambassador/AmbassadorCard/styles.module.css

@@ -35,7 +35,7 @@
 }
 
 .cardFace {
-  border-radius: 9999px;
+  border-radius: 99px;
   justify-content: center;
   display: flex;
   height: 100px;
@@ -44,11 +44,13 @@
 
 .cardNameContainer {
   margin-left: 15px;
-  margin-top: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .name {
-  font-size: 18px;
+  font-size: 25px;
   font-weight: 500;
   width: 100%;
   top: 124px;

src/pages/ambassador.js

@@ -20,15 +20,15 @@ export default function Ambassador() {
             className={styles.ambassadorPurposeImage}
             src={useBaseUrl('/ambassador/Ambassador-Program-Banner.png')}></img>
           <div className={styles.ambassadorPurposeText}>
-            Our global team of ambassadors empower their communities and help
-            make the Internet a safer place by attending and hosting meetups,
-            conferences, and other events that focus on authentication, security
-            and identity topics.
-            <div className={styles.button}>
-              <Link className={styles.link} to="https://developer.sailpoint.com/discuss/t/announcing-the-developer-community-ambassador-program/10634">
-                Become an Ambassador
-              </Link>
-            </div>
+            Our Ambassador Program offers not just exclusive benefits but also
+            an enriching learning experience on SailPoint; it's a journey to
+            expertise. As an Ambassador, your contributions foster community
+            growth, enabling knowledge-sharing among experts like you.
+            <Link
+              className={styles.link}
+              to="https://developer.sailpoint.com/discuss/t/announcing-the-developer-community-ambassador-program/10634">
+              <div className={styles.button}>Become an Ambassador</div>
+            </Link>
           </div>
         </div>
         <div className={styles.headerText}>
@@ -38,7 +38,7 @@ export default function Ambassador() {
           <div className={styles.spanLeft}></div>
           <img
             className={styles.ambassadorImage}
-            src={useBaseUrl('/ambassador/AmbassadorBadge-Pink-Hex.png')}></img>
+            src={useBaseUrl('/icons/ExpertAmbassador.svg')}></img>
           <div className={styles.spanLeft}></div>
         </div>
         <div className={styles.ambassadorCardContainer}>
@@ -51,9 +51,7 @@ export default function Ambassador() {
           <div className={styles.spanLeft}></div>
           <img
             className={styles.ambassadorImage}
-            src={useBaseUrl(
-              '/ambassador/AmbassadorBadge-QuadGrad-Squircle.png',
-            )}></img>
+            src={useBaseUrl('/icons/Ambassador.svg')}></img>
           <div className={styles.spanLeft}></div>
         </div>
 

src/pages/ambassador.module.css

@@ -52,6 +52,7 @@
 
   .ambassadorImage {
     margin-left: 5px;
+    padding: 20px;
     height: 120px;
     width: 120px;
   }
@@ -80,7 +81,7 @@
     margin: 50px 50px 50px 0px;
   }
 
-  @media only screen and (max-width: 997px) {
+  @media only screen and (max-width: 1460px) {
     .ambassadorPurposeContainer {
       flex-direction: column;
     }