diff --git a/src/assets/css/market-pages.css b/src/assets/css/market-pages.css index d877b10..5d47365 100644 --- a/src/assets/css/market-pages.css +++ b/src/assets/css/market-pages.css @@ -39,10 +39,13 @@ .home-typewriter-title { display: inline; + overflow-wrap: break-word; } .home-typewriter-title__word { display: inline-block; + max-width: 100%; + overflow-wrap: break-word; white-space: nowrap; } @@ -73,6 +76,13 @@ } } +@media (max-width: 760px) { + .home-typewriter-title__word { + overflow-wrap: anywhere; + white-space: normal; + } +} + .market-page__claim { max-width: 720px; margin: 0; diff --git a/src/components/About.jsx b/src/components/About.jsx index b0fc428..c985548 100644 --- a/src/components/About.jsx +++ b/src/components/About.jsx @@ -10,6 +10,8 @@ import { Users, Workflow, } from "lucide-react"; +import { useTranslation } from "../context/LangContext.jsx"; +import { deText, localizeGermanValue } from "../locales/germanCopy.js"; const IMPLEMENTATION_AREAS = [ "OR and clinical workflow environments", @@ -85,9 +87,12 @@ const TECH_FOUNDATION = [ ]; function CheckList({ items }) { + const { lang } = useTranslation(); + const localizedItems = localizeGermanValue(items, lang); + return (