Address style issue comments on the PR.

Author: HaudinFlorence

src/components/about/Avatar.tsx

@@ -12,8 +12,6 @@ export default function Avatar({ person }) {
           "working at QuantStack as a " +
           person.position
         }
-        width={"300px"}
-        height={"300px"}
       />
       </div>
     );

src/components/about/SmallPortraitCard.tsx

@@ -43,19 +43,31 @@ export function SmallPortraitCard({ person, setOffsets }) {
   return (
     <div
       ref={elementRef}
-      className={styles.small_portrait_card}
+      className={"card" + " " + styles.small_portrait_card}
       id={person.firstName}
       onClick={() => {
         setOffsets(calculateOffsets(elementRef));
       }}
     >
-      <Avatar person={person} />
-      <div className={"flex-full-centered" + " " + styles.small_card_complete_name}>
-        {person.completeName}
+      <div className="card__header">
+        <Avatar person={person} />
+        <div
+          className={
+            "flex-full-centered" + " " + styles.small_card_complete_name
+          }
+        >
+          {person.completeName}
+        </div>
       </div>
-      <div className={"flex-full-centered" + " " + styles.small_card_position}>{person.position}</div>
-      <div style={{ marginTop: "var(--ifm-spacing-xl)" }}>
-        <SocialMediaContacts person={person}></SocialMediaContacts>
+      <div className="card__body">
+        <div
+          className={"flex-full-centered" + " " + styles.small_card_position}
+        >
+          {person.position}
+        </div>
+        <div style={{ marginTop: "var(--ifm-spacing-xl)" }}>
+          <SocialMediaContacts person={person}></SocialMediaContacts>
+        </div>
       </div>
     </div>
   );

src/components/about/Team/coreTeam.ts

@@ -167,7 +167,7 @@ export const coreTeam = [
     githubLink: "https://github.com/ihuicatl",
     LinkedInLink: "https://www.linkedin.com/in/isabel-paredes/",
     XLink: "",
-    githubName: "@ihuicatl",
+    githubName: "@IsabelParedes",
     avatarUrl: IsabelAvatarUrl,
     distinctionTitle: [],
     distinctionLink: [],
@@ -253,7 +253,7 @@ export const coreTeam = [
     LinkedInLink: "https://www.linkedin.com/in/gjmooney/",
     XLink: "",
     githubName: "@gjmooney",
-    avatarUrl: GabrielaAvatarUrl,
+    avatarUrl: GregAvatarUrl,
     distinctionTitle: [],
     distinctionLink: [],
     subTeamName: "coreTeam",

src/components/about/styles.module.css

@@ -55,6 +55,8 @@ div .row {
   line-height: 24px;
   letter-spacing: 0.5px;
   color: var(--ifm-color-primary-p2);
+  height: 2em;
+  text-align: center;
 }
 
 .large_card_complete_name {
@@ -139,7 +141,7 @@ div .join_the_team_text {
     font-family: var(--ifm-font-family-rubik-one);
     font-size: 20px;
     font-style: normal;
-    font-weight: 600;
+    font-weight: 400;
     line-height: 20px;
     text-align: center;
     margin-bottom: var(--ifm-spacing-xl);
@@ -190,7 +192,7 @@ div .join_the_team_text {
     font-family: var(--ifm-font-family-rubik-one);
     font-size: var(--ifm-font-size-secondary-title);
     font-style: normal;
-    font-weight: 600;
+    font-weight: 400;
     line-height: 28px;
     text-align: center;
     margin-bottom: var(--ifm-spacing-xl);