Merge pull request #193 from trungleduc/fix-layout

Remove extra horizontal scrollbar
QuantStack · Jan 17, 2025 · f3ffcc8 · f3ffcc8
2 parents 59e2860 + 42ed1ac
commit f3ffcc8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/about/LargePortraitCard.tsx b/src/components/about/LargePortraitCard.tsx
@@ -8,7 +8,7 @@ import Avatar from "./Avatar";
 export function Distinction({ person }) {
   if (person.distinctionTitle.length !== 0) {
     return person.distinctionTitle.map((distinction, index) => (
-      <div>
+      <div key={index}>
         <Link href={person.distinctionLink[index]}>
           <DistinctionIcon className={styles.distinction_icon} />
           {distinction}

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -62,7 +62,7 @@
   --ifm-spacing-7xl: 240px;
   --ifm-spacing-8xl: 400px;
 
-  --ifm-navbar-item-padding-horizontal: 2px
+  --ifm-navbar-item-padding-horizontal: 2px;
 }
 
 .flex-full-centered {
@@ -684,3 +684,9 @@ ul.row {
   margin-left: 0;
   width: 100%;
 }
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+}