From 67cbc0add8f865c5bece7e37632172efbda23a68 Mon Sep 17 00:00:00 2001 From: Hack2Health Date: Wed, 31 Jul 2024 10:22:36 +0530 Subject: [PATCH 1/3] About us section - mobile responsive --- Css-Files/aboutus.css | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/Css-Files/aboutus.css b/Css-Files/aboutus.css index d63ee0f5..71396a6c 100644 --- a/Css-Files/aboutus.css +++ b/Css-Files/aboutus.css @@ -184,11 +184,21 @@ margin-right: 1rem; } +/* @media only screen and (max-width: 360px) { + .about-us-block { + flex-direction: column; + justify-content: center; + align-items: center; + height: auto !important; + } +} + @media only screen and (max-width: 768px) { .about-us-block { flex-direction: column; justify-content: center; align-items: center; + height: auto !important; } .about-us-community, @@ -206,6 +216,7 @@ flex-direction: column; justify-content: center; align-items: center; + height: auto !important; } .about-us-community, @@ -225,4 +236,34 @@ .about-us-product { width: 45%; } +} */ + +@media only screen and (max-width: 760px) { + .about-us-block { + flex-direction: column; + justify-content: center !important; + align-items: center !important; + width: 100%; + } + + .about-us-community, + .about-us-event, + .about-us-location, + .about-us-product { + width: 95%; + margin-left: 1rem; + } +} + +@media only screen and (max-width: 1020px) { + .about-us-community, + .about-us-event, + .about-us-location, + .about-us-product { + width: 98% !important; + } + + .about-us-blk-para { + font-size: 15px !important; + } } From d30f70bf9551260f77233c929e004e7902ac8dcb Mon Sep 17 00:00:00 2001 From: Hack2Health Date: Wed, 31 Jul 2024 17:28:00 +0530 Subject: [PATCH 2/3] Updated about section --- Css-Files/aboutus.css | 58 ++----------------------------------------- 1 file changed, 2 insertions(+), 56 deletions(-) diff --git a/Css-Files/aboutus.css b/Css-Files/aboutus.css index 71396a6c..7167d998 100644 --- a/Css-Files/aboutus.css +++ b/Css-Files/aboutus.css @@ -184,73 +184,19 @@ margin-right: 1rem; } -/* @media only screen and (max-width: 360px) { - .about-us-block { - flex-direction: column; - justify-content: center; - align-items: center; - height: auto !important; - } -} - -@media only screen and (max-width: 768px) { - .about-us-block { - flex-direction: column; - justify-content: center; - align-items: center; - height: auto !important; - } - - .about-us-community, - .about-us-event, - .about-us-location, - .about-us-product { - width: 90%; - height: 100%; - padding: 0.5rem; - } -} - -@media only screen and (max-width: 1020px) { - .about-us-block { - flex-direction: column; - justify-content: center; - align-items: center; - height: auto !important; - } - - .about-us-community, - .about-us-event, - .about-us-location, - .about-us-product { - width: 90% !important; - height: 100%; - padding: 0.5rem; - } -} - -@media only screen and (max-width: 1250px) { - .about-us-community, - .about-us-event, - .about-us-location, - .about-us-product { - width: 45%; - } -} */ - @media only screen and (max-width: 760px) { .about-us-block { flex-direction: column; justify-content: center !important; align-items: center !important; - width: 100%; + width: 98%; } .about-us-community, .about-us-event, .about-us-location, .about-us-product { - width: 95%; + width: 100%; margin-left: 1rem; } } From 80e8f44ce4646ac9eda2b50a6819b701f69f348b Mon Sep 17 00:00:00 2001 From: Hack2Health Date: Wed, 31 Jul 2024 17:44:29 +0530 Subject: [PATCH 3/3] Updated aboutus.css --- Css-Files/aboutus.css | 51 ++++++------------------------------------- 1 file changed, 7 insertions(+), 44 deletions(-) diff --git a/Css-Files/aboutus.css b/Css-Files/aboutus.css index 0417395c..f25acf12 100644 --- a/Css-Files/aboutus.css +++ b/Css-Files/aboutus.css @@ -117,52 +117,15 @@ text-align: left; margin-top: 1rem; } - -.about-us-location { - border: 2px solid #1c413b; -} - -.about-us-location:hover { - background: #1c413b; - color: white; -} - -.about-us-product { - border: 2px solid #1c413b; -} - -.about-us-product:hover { - background: #1c413b; - color: white; -} - -.about-us-event { - border: 2px solid #1c413b; -} - -.about-us-event:hover { - background: #1c413b; - color: white; -} - -.about-us-blk-text { - font-size: 20px; - font-weight: 600; - line-height: 30px; - letter-spacing: 0em; - text-align: left; - margin-top: 1rem; +.about-us-blk-para { + font-size: 16px; + font-weight: 400; + line-height: 25px; + letter-spacing: 0em; + text-align: left; + margin: 0 1rem; } -.about-us-blk-para { - font-size: 16px; - font-weight: 400; - line-height: 25px; - letter-spacing: 0em; - text-align: left; - margin-left: 1rem; - margin-right: 1rem; -} @media only screen and (max-width: 760px) { .about-us-block {