fix(hero): prevent typemachine overflow

louisgrasset · Jul 13, 2024 · 21743fa · 21743fa
1 parent ff038cc
commit 21743fa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/Typemachine/Typemachine.tsx b/src/components/Typemachine/Typemachine.tsx
@@ -34,7 +34,7 @@ export function TypeMachine ({ sentences, } : TypeMachineProps) {
     }, [charIndex, sentenceIndex, sentences]);
 
     return (
-        <div style={{ fontFamily: "'JetBrains Mono', monospace", fontWeight: "600", whiteSpace: "pre" }}>
+        <div style={{ fontFamily: "'JetBrains Mono', monospace", fontWeight: "600" }}>
             {currentSentence}
         </div>
     );

diff --git a/src/sections/Hero/Hero.scss b/src/sections/Hero/Hero.scss
@@ -142,6 +142,11 @@
     font-size: 2rem;
     font-weight: 500;
     min-height: 25px;
+
+    @media screen and (width <= 800px) {
+      min-height: 50px;
+      max-width: 300px !important;
+    }
   }
 
   &__actions {