From 60704ebae6a053ff2068887ac32cd151ede44f9f Mon Sep 17 00:00:00 2001 From: Davinder Singh Date: Wed, 24 Jan 2024 16:56:03 +0000 Subject: [PATCH] Website redesign - Margin the of hero section image and footer margin (#16702) * adding padding to images of 15px on mobile screen * fixing margin of footer * removing padding and changing size to xs-max GitOrigin-RevId: 185cad8a0a21b3c800f401d3ae59b10aff1a1f58 --- services/web/frontend/stylesheets/app/website-redesign.less | 3 ++- services/web/frontend/stylesheets/components/footer.less | 6 ++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less index 4677b71321..36979aebaf 100644 --- a/services/web/frontend/stylesheets/app/website-redesign.less +++ b/services/web/frontend/stylesheets/app/website-redesign.less @@ -371,7 +371,7 @@ top: 100px; width: 720px; height: auto; - padding: 0; + padding: 0px 15px; // starting from 1500px, image will have a variable translation that depends on screen width // this will make image "fixed" on a specific point on the screen @@ -886,6 +886,7 @@ align-items: center; justify-content: center; height: 585px; + padding: 0px 15px; @media (max-width: @screen-sm-max) { height: auto; diff --git a/services/web/frontend/stylesheets/components/footer.less b/services/web/frontend/stylesheets/components/footer.less index cac47c841f..b49e4415d8 100644 --- a/services/web/frontend/stylesheets/components/footer.less +++ b/services/web/frontend/stylesheets/components/footer.less @@ -299,6 +299,12 @@ footer.site-footer { } .website-redesign-fat-footer { + .fat-footer-container { + @media (max-width: @screen-xs-max) { + margin: @margin-xxl 0px; + } + } + &.fat-footer { background: @white; color: @neutral-90;