From 53db50669a590afcef62d829e1322f1ecacca045 Mon Sep 17 00:00:00 2001 From: Hargun Kaur Date: Thu, 27 Jun 2024 03:46:27 +0530 Subject: [PATCH 1/2] adjusted icons size Signed-off-by: Hargun Kaur --- src/sections/Company/Brand/brandPage.style.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/sections/Company/Brand/brandPage.style.js b/src/sections/Company/Brand/brandPage.style.js index 70247081f9d6..cd4bb0b1fd9d 100644 --- a/src/sections/Company/Brand/brandPage.style.js +++ b/src/sections/Company/Brand/brandPage.style.js @@ -176,9 +176,16 @@ const BrandPageWrapper = styled.section` } @media screen and (max-width: 575px) { - .ImgDiv, .color-code-wrapper { + .color-code-wrapper{ margin-left: 0px; } + .ImgDiv img{ + margin: auto; + width: 200px; + display: flex; + justify-content: center; + flex-wrap: wrap; + } img.Layer5Icon { width: auto; height: 80px; From 4fce6a57bebc5719ad3780549274300bb70b925e Mon Sep 17 00:00:00 2001 From: Hargun Kaur Date: Sat, 6 Jul 2024 00:32:42 +0530 Subject: [PATCH 2/2] added changes Signed-off-by: Hargun Kaur --- src/sections/Company/Brand/brandPage.style.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/sections/Company/Brand/brandPage.style.js b/src/sections/Company/Brand/brandPage.style.js index cd4bb0b1fd9d..6a43303c74e7 100644 --- a/src/sections/Company/Brand/brandPage.style.js +++ b/src/sections/Company/Brand/brandPage.style.js @@ -179,9 +179,12 @@ const BrandPageWrapper = styled.section` .color-code-wrapper{ margin-left: 0px; } - .ImgDiv img{ + .ImgDiv img { margin: auto; - width: 200px; + width: auto; + max-width: 100%; + height: auto; + max-height: 200px; display: flex; justify-content: center; flex-wrap: wrap;