From 7cca79bd3a5c8b5d313c2548d76438dba1417625 Mon Sep 17 00:00:00 2001 From: Rishi Date: Wed, 1 Feb 2023 17:43:00 +0530 Subject: [PATCH 1/3] Fix Footer Css --- library/css/components/footer.css | 1 - 1 file changed, 1 deletion(-) diff --git a/library/css/components/footer.css b/library/css/components/footer.css index 57f72c2b..ff2760f0 100644 --- a/library/css/components/footer.css +++ b/library/css/components/footer.css @@ -48,7 +48,6 @@ flex-direction: column; justify-content: space-between; text-align: start; - width: 400px; } .footer .info-logo { From adc72aea0ec6b748f6fd2423c53656bfd8dcd7ec Mon Sep 17 00:00:00 2001 From: Rishi Date: Thu, 2 Feb 2023 14:42:46 +0530 Subject: [PATCH 2/3] Fix responsiveness issues --- library/css/components/menu.css | 5 ++--- library/css/components/sixty-forty-container.css | 8 ++++---- 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/library/css/components/menu.css b/library/css/components/menu.css index 3b3b746e..3797c3e4 100644 --- a/library/css/components/menu.css +++ b/library/css/components/menu.css @@ -41,7 +41,6 @@ div.flexbox .menuItem { width: 80%; min-width: max-content; position: relative; - gap: 5px; justify-content: space-between; } .menuItem > a { @@ -53,7 +52,7 @@ div.flexbox .menuItem { .menuContainer div.flexbox a { color: var(--black) !important; font-family: var(--font-lato) !important; - font-size: 1rem !important; + font-size: 15px !important; text-decoration: none; padding: 5px; } @@ -168,7 +167,7 @@ div.flexbox .menuItem { .menuContainer div.flexbox a { color: var(--black); font-family: var(--font-lato); - font-size: 12px !important; + font-size: 11px !important; text-decoration: none; padding: 5px; } diff --git a/library/css/components/sixty-forty-container.css b/library/css/components/sixty-forty-container.css index 2321475c..95c688d8 100644 --- a/library/css/components/sixty-forty-container.css +++ b/library/css/components/sixty-forty-container.css @@ -9,7 +9,7 @@ grid-area: 1 / 1 / 2 / 2; /* margin-right: 32px; */ margin: 0px; - padding: 5vw 2vw 5vw 10vw; + padding: 5% 2% 5% 10%; /* max-height: 750px; */ display:flex; flex-direction: column; @@ -21,7 +21,7 @@ /* max-height: 750px; */ margin: 0px; /* margin-left: 32px; */ - padding: 5vw 10vw 5vw 2vw; + padding: 5% 10% 5% 2%; display:flex; flex-direction: column; justify-content: center; @@ -39,7 +39,7 @@ /* max-height: 750px; */ /* margin-right: 32px; */ margin: 0px; - padding: 5vw 2vw 5vw 10vw; + padding: 5% 2% 5% 10%; } .ui.forty-sixty-container > .second { @@ -47,7 +47,7 @@ /* max-height: 750px; */ margin: 0px; /* margin-left: 32px; */ - padding: 5vw 10vw 5vw 2vw; + padding: 5% 10% 5% 2%; } @media only screen and (max-width: 1024px) { From a66c01cd648885e12410fc0fe2a1bd381d960960 Mon Sep 17 00:00:00 2001 From: Rishi Date: Mon, 13 Feb 2023 17:16:22 +0530 Subject: [PATCH 3/3] Fix footer css and sidear menu container css --- library/css/components/footer.css | 19 ++++++++++++++++--- library/css/components/menu.css | 5 ++++- 2 files changed, 20 insertions(+), 4 deletions(-) diff --git a/library/css/components/footer.css b/library/css/components/footer.css index ff2760f0..eabd9c30 100644 --- a/library/css/components/footer.css +++ b/library/css/components/footer.css @@ -244,7 +244,7 @@ width: 80%; } .footer-bottom-flex { - justify-content: flex-start; + justify-content: space-evenly; padding-left: 0.5rem; } .footer-bottom-flex > .totalviews { @@ -258,7 +258,20 @@ padding-left: 0.5rem; } .footer-accessibility-flex > .ui.link { - margin: 0rem 0rem; - width: 7rem; + margin: 0rem 0.5rem; + } +} + +@media only screen and (max-width: 360px) { + .footer-contact-wrapper { + flex-direction: column; + } + .footer .links { + flex-direction: column; + align-items: center; + } + .footer-accessibility-flex > .ui.link { + font-size: 14px; } + } diff --git a/library/css/components/menu.css b/library/css/components/menu.css index 3797c3e4..ce217ca4 100644 --- a/library/css/components/menu.css +++ b/library/css/components/menu.css @@ -178,8 +178,11 @@ div.flexbox .menuItem { position: absolute; z-index: 10; } + .hamburger-container { + margin-left: 1rem; + } .menuContainer div.flexbox { - padding-left: 0px !important; + padding-left: 10px; /* margin-top: 10px; */ display: flex; flex-direction: column;