From dfdcf08e2fa9a2d002c7ef069d1aba62da119daa Mon Sep 17 00:00:00 2001 From: Santhoshkumar <117272529+Santhosh-testsigma@users.noreply.github.com> Date: Mon, 11 Sep 2023 20:53:32 +0530 Subject: [PATCH] fix: CTA UI issue --- src/components/Footer.jsx | 2 +- src/components/Footer.scss | 8 ++++++++ src/components/header.jsx | 2 +- src/pages/docs/index.jsx | 2 +- src/templates/page.scss | 10 +++++++++- 5 files changed, 20 insertions(+), 4 deletions(-) diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx index ba0c0389..585ac9ac 100644 --- a/src/components/Footer.jsx +++ b/src/components/Footer.jsx @@ -12,7 +12,7 @@ const Footer = ()=> { {/* */}
-
+

Learn how to execute low code tests across 3000+ device / browser environments.

Schedule a free demo
diff --git a/src/components/Footer.scss b/src/components/Footer.scss index 56f8342e..f88f34c5 100644 --- a/src/components/Footer.scss +++ b/src/components/Footer.scss @@ -323,14 +323,22 @@ .footer-cta{ background-color: #EFEFEF; padding: 2rem 6rem; + @media only screen and (max-width: 767px) { + padding: 2rem; + } .cta-heading{ flex: 0 0 70%; font-size: 24px !important; line-height: 38px !important; margin: 0 !important; + @media only screen and (max-width: 767px) { + flex: 0 0 100%; + padding: 0 0 2rem; + } } .cta-link{ font-weight: 600; font-size: 18px; + height: fit-content; } } \ No newline at end of file diff --git a/src/components/header.jsx b/src/components/header.jsx index 4b19030c..65f06659 100644 --- a/src/components/header.jsx +++ b/src/components/header.jsx @@ -12,7 +12,7 @@ const Header = () => { return (
-
+ diff --git a/src/templates/page.scss b/src/templates/page.scss index 77b30cd5..58b24130 100644 --- a/src/templates/page.scss +++ b/src/templates/page.scss @@ -110,7 +110,7 @@ body { width: 60%; } @media (min-width: 1024px) { - width: 40%; + width: 55%; } @media (max-width: 1279px) { padding: 0; @@ -119,6 +119,11 @@ body { @media (min-width: 768px) { white-space: nowrap; } + @media only screen and (max-width: 767px) { + &:last-child{ + display: none; + } + } } } } @@ -570,6 +575,9 @@ code[class*="language-"] { font-weight: 600; font-size: 17px; } + @media only screen and (max-width: 767px) { + display: none; + } } .community_btn{ padding: 1rem;