adjusted two column layout

SALT-NLP · Oct 19, 2024 · 9d7a608 · 9d7a608
1 parent 2f0f230
commit 9d7a608
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/src/assets/exp4.png b/src/assets/exp4.png
diff --git a/src/components/TwoColumns.astro b/src/components/TwoColumns.astro
@@ -2,7 +2,7 @@
 // TODO: when the page is narrow enough, figures with images don't have any horizontal padding
 ---
 
-<div class="flex flex-wrap gap-2 items-center w-full">
+<div class="flex flex-wrap gap-2 items-start w-full">
   <div class="flex-1 min-w-[16rem]">
     <slot name="left" />
   </div>

diff --git a/src/pages/index.mdx b/src/pages/index.mdx
@@ -79,7 +79,7 @@ import exp4 from "../assets/exp4.png";
     },
   ]}
   />
-
+{/* <div class="max-w-[60rem]"> */}
 <Video source={demo_placeholder} />
 This is a placeholder I will get rid of it later.
 
@@ -137,21 +137,22 @@ We find that all models displayed noticeable improvements in feedback following.
 </TwoColumns> */}
 
 ## Test Set Examples
-
+{/* </div> */}
 <div class="bg-gray-100 max-w-[80rem]">
 <TwoColumns>
   <Figure slot="left">
     <Image src={exp1} alt="Exp 1" />
   </Figure>
   <Figure slot="right">
-    <Image src={exp2} alt="Exp 2" />
+    <Image src={exp4} alt="Exp 4" />
   </Figure>
-
+</TwoColumns>
+<TwoColumns>
   <Figure slot="left">
     <Image src={exp3} alt="Exp 3" />
   </Figure>
   <Figure slot="right">
-    <Image src={exp4} alt="Exp 4" />
+    <Image src={exp2} alt="Exp 2" />
   </Figure>
 </TwoColumns>
 </div>