From fb9914d70772f84b8cdc52cf31756c17bf419ba3 Mon Sep 17 00:00:00 2001 From: MohitLengure <91755564+MohitLengure@users.noreply.github.com> Date: Fri, 23 Jun 2023 03:50:52 +0530 Subject: [PATCH] Update Responsiveness Update Responsiveness --- CSS/About.css | 8 ++++++-- CSS/Blog.css | 6 +++++- CSS/Contact.css | 8 ++++++-- CSS/Project.css | 8 ++++++-- CSS/Services.css | 8 ++++++-- CSS/style.css | 4 ++-- 6 files changed, 31 insertions(+), 11 deletions(-) diff --git a/CSS/About.css b/CSS/About.css index f5bf561..ea896b2 100644 --- a/CSS/About.css +++ b/CSS/About.css @@ -221,9 +221,13 @@ height: 420px; @media screen and (max-width:480px){ + + body { + overflow-x: hidden; /* Hide vertical scrollbars */ + } nav ul li { - margin: 0 11px; - font-size: 1rem; + margin: 0 9px; + font-size: 1rem;; } .footer diff --git a/CSS/Blog.css b/CSS/Blog.css index d6da68e..2b873a6 100644 --- a/CSS/Blog.css +++ b/CSS/Blog.css @@ -178,8 +178,12 @@ footer .footer-third ul li a img Map{ @media screen and (max-width:480px){ + + body { + overflow-x: hidden; /* Hide vertical scrollbars */ + } nav ul li { - margin: 0 10px; + margin: 0 9px; font-size: 1rem;; } .footer diff --git a/CSS/Contact.css b/CSS/Contact.css index e96c80e..f50eb98 100644 --- a/CSS/Contact.css +++ b/CSS/Contact.css @@ -331,9 +331,13 @@ padding: 20px 0px 20px 0px; @media screen and (max-width:480px){ + + body { + overflow-x: hidden; /* Hide vertical scrollbars */ + } nav ul li { - margin: 0 11px; - font-size: 1rem; + margin: 0 9px; + font-size: 1rem;; } .formEntry { margin: 30px auto; diff --git a/CSS/Project.css b/CSS/Project.css index 536c1c9..8e1cf2b 100644 --- a/CSS/Project.css +++ b/CSS/Project.css @@ -193,9 +193,13 @@ margin: 70px 1px; @media screen and (max-width:480px){ + + body { + overflow-x: hidden; /* Hide vertical scrollbars */ + } nav ul li { - margin: 0 11px; - font-size: 1rem; + margin: 0 9px; + font-size: 1rem;; } .footer diff --git a/CSS/Services.css b/CSS/Services.css index 742838d..f6e4b63 100644 --- a/CSS/Services.css +++ b/CSS/Services.css @@ -180,9 +180,13 @@ footer .footer-third ul li a img Map{ @media screen and (max-width:480px){ + + body { + overflow-x: hidden; /* Hide vertical scrollbars */ + } nav ul li { - margin: 0 11px; - font-size: 1rem; + margin: 0 9px; + font-size: 1rem;; } .footer diff --git a/CSS/style.css b/CSS/style.css index bd1e7be..85210d3 100644 --- a/CSS/style.css +++ b/CSS/style.css @@ -191,8 +191,8 @@ flex-direction: column-reverse; @media screen and (max-width:480px){ nav ul li { - margin: 0 14px; - font-size: 0.8rem; + margin: 0 9px; + font-size: 1rem;; } .footer {