Merge pull request #16 from mist-go/hero-fix

Hero fix

content/docs/index.mdx

@@ -4,6 +4,8 @@ description: This guide will walk you through installing the Mist CLI, setting u
 icon: Rocket
 ---
 
+For any Questions you may have about mist, [visit the FAQ here](/faq).
+
 ## 1. Installation
 
 Mist is currently distributed as a Cargo crate. To get started, you'll need to have the Rust toolchain installed.

src/app/(home)/page.tsx

@@ -124,7 +124,7 @@ function ShowSection({
   return (
     <motion.section
       ref={ref}
-      className="h-svh p-10 md:p-20 w-full flex flex-col items-center justify-center snap-center"
+      className="min-h-svh xl:min-h-0 xl:h-full p-10 md:p-20 w-full flex flex-col items-center justify-center snap-center"
     >
       <motion.div
         className="flex flex-col gap-2 items-center justify-center"
@@ -172,8 +172,8 @@ export default function HomePage() {
   const [currentText, setCurrentText] = useState(mistShowcase[0]?.code || "");
 
   return (
-    <div className="h-[calc(100vh-58px)] overflow-auto snap-y snap-mandatory scroll-smooth no-scrollbar relative flex flex-col xl:flex-row">
-      <div className="hidden pointer-events-none sticky top-0 right-0 z-50 xl:flex order-first xl:order-last w-full xl:w-[40vw] h-svh items-center justify-center p-10 no-scrollbar">
+    <div className="flex-1 min-h-0 overflow-auto snap-y snap-mandatory scroll-smooth no-scrollbar relative flex flex-col xl:flex-row">
+      <div className="hidden pointer-events-none sticky top-0 right-0 z-50 xl:flex order-first xl:order-last w-full xl:w-[40vw] items-center justify-center p-10 no-scrollbar">
         <div className="w-full max-w-2xl overflow-hidden no-scrollbar">
           <motion.div
             className="will-change-transform transform-gpu w-full h-auto border border-fd-border p-5 rounded-xl min-h-24 backdrop-blur bg-black dark:bg-black/20 pointer-events-auto"