Merge pull request #247 from HaudinFlorence/update_large_portrait_card_style

Update LargePortraitCard style for desktop design.

Author: HaudinFlorence

src/components/about/LargePortraitCard.tsx

@@ -11,7 +11,7 @@ export function Distinction({ person }) {
   return (
     <div>
       {HasPersonDistinction ? (
-        <ul style={{paddingLeft: "0px"}}>
+        <ul style={{ paddingLeft: "0px" }}>
           {person.distinctionTitle.map((distinction, index) => (
             <li className="items-list" key={person.pageName}>
               <div>
@@ -48,7 +48,7 @@ export default function LargePortraitCard({ person }) {
               </div>
             </div>
           </div>
-          <div className="col col--6 col--offset-1">
+          <div className="col col--7 col--offset-1">
             <div className={styles.bio_container}>
               <person.BioComponent />
             </div>

src/components/about/styles.module.css

@@ -53,14 +53,15 @@ div .row {
   margin-right: 0;
 }
 
-.bio_container {
+.bio_container p {
   font-family: var(--ifm-font-family-roboto);
-  font-size: 14px;
+  font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0.5px;
-  color: var(--ifm-color-primary-p2);
+  color: var(--ifm-color-primary-p2); 
+  text-align: justify;
 }
 
 .small_card_complete_name {
@@ -261,7 +262,7 @@ div .join_the_team_text {
   }
 
   .large_portrait_card {
-    width: 920px;
+    width: 976px;
     padding: var(--ifm-spacing-xl) var(--ifm-spacing-2xl);
   }