From 4a91d82c573dc4196a0a2ce242d0461ed0355351 Mon Sep 17 00:00:00 2001 From: abhishek farshwal Date: Thu, 3 Oct 2024 14:20:14 +0530 Subject: [PATCH 1/2] make responsive in mobile --- style.css | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) diff --git a/style.css b/style.css index 0d08c9f..1d1960e 100644 --- a/style.css +++ b/style.css @@ -7,13 +7,15 @@ --text-light: #737373; --extra-light: #e5e5e5; --white: #ffffff; - --max-width: 1200px; + --max-width: 1400px; --header-font: "Oswald", sans-serif; } * { padding: 0; - box-sizing: border-box; + box-sizing: border-box; + margin: auto; + overflow-x: hidden; } .section__container { @@ -743,16 +745,16 @@ url("assets/banner-2.png"); .footer { background-color: var(--text-dark); -} - + width: 100%; .footer__container { display: grid; gap: 4rem 2rem; + width: 100%; } .footer__logo img { margin-bottom: 1rem; - max-width: 120px; + max-width: 100vw; } .footer__col p { @@ -993,3 +995,11 @@ url("assets/banner-2.png"); padding: 2rem; } } + + +@media (max-width: 600px) { + .footer { + padding: 5px; + } +} +} \ No newline at end of file From b60c53fdd26c5e4c986b498b0732e6fec778ec48 Mon Sep 17 00:00:00 2001 From: abhishek farshwal Date: Thu, 3 Oct 2024 14:20:31 +0530 Subject: [PATCH 2/2] make responsive in mobile --- style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/style.css b/style.css index 1d1960e..f388189 100644 --- a/style.css +++ b/style.css @@ -260,6 +260,7 @@ nav { .session { display: grid; + width: 100%; } .session__card {