diff --git a/src/components/DeploymentOptionsPage/Hero/index.tsx b/src/components/DeploymentOptionsPage/Hero/index.tsx index 431bbe30..6284fc70 100644 --- a/src/components/DeploymentOptionsPage/Hero/index.tsx +++ b/src/components/DeploymentOptionsPage/Hero/index.tsx @@ -35,15 +35,13 @@ const Hero = () => { -
- -
+ ); diff --git a/src/components/DeploymentOptionsPage/Hero/styles.module.less b/src/components/DeploymentOptionsPage/Hero/styles.module.less index 454051e0..e310a89a 100644 --- a/src/components/DeploymentOptionsPage/Hero/styles.module.less +++ b/src/components/DeploymentOptionsPage/Hero/styles.module.less @@ -31,8 +31,33 @@ margin: 0; } - img { - min-width: 536px; + div { + max-width: 50%; + width: 100%; + } + + @media (max-width: 1024px) { + div { + max-width: 100%; + } + } + + @media (max-width: 768px) { + h1 { + font-size: 2.5rem; + line-height: 48px; + } + + p { + font-size: 1rem; + } + } + + @media (max-width: 425px) { + h1 { + font-size: 2.25rem; + line-height: 43.2px; + } } } @@ -60,4 +85,4 @@ flex-direction: column; } } -} +} \ No newline at end of file