From 547de40bfabeb4df1ea29fd305cf742054260fa4 Mon Sep 17 00:00:00 2001 From: SHRUTISINHA250714 Date: Tue, 17 Dec 2024 10:48:35 +0530 Subject: [PATCH 1/3] theme toggle button adjusted --- index.html | 15 +++++++++------ style.css | 9 ++++++++- 2 files changed, 17 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index a5bc5c23d..94ee2665a 100644 --- a/index.html +++ b/index.html @@ -82,18 +82,21 @@
  • Contact
    • -
    - -
    + +
    +
    + +
    +
    diff --git a/style.css b/style.css index 55d26af16..31c713ae1 100644 --- a/style.css +++ b/style.css @@ -29,7 +29,14 @@ background: var(--light); border-radius: 25px; } - +/* TOGGLE SWITCH */ +.small-screen-adjustment { + display: flex; + align-items: center; + justify-content: space-between; + width: 100px; + + } /* Dark and light mode Css*/ .theme-switch-wrapper { From 694414c033e53d40ca280b1bb2e82d5550afc7b6 Mon Sep 17 00:00:00 2001 From: SHRUTISINHA250714 Date: Tue, 17 Dec 2024 12:51:43 +0530 Subject: [PATCH 2/3] navbar items aligned properly --- style.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/style.css b/style.css index fdc38d051..e3866047e 100644 --- a/style.css +++ b/style.css @@ -35,6 +35,7 @@ align-items: center; justify-content: space-between; width: 100px; + margin-left: 15px; } /* Dark and light mode Css*/ @@ -368,6 +369,11 @@ nav ul { list-style: none; align-items: center; } +.nav-menu { + display: flex; + margin-left: auto; + gap: 1rem; +} #active1 { color: #ff1b82; From c4d5e2ea74c688590b4921e240275bb9a3a73025 Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Wed, 18 Dec 2024 10:34:41 +0530 Subject: [PATCH 3/3] Added changes --- assets/about/about.html | 12 +++++++----- assets/contact/contact.html | 12 +++++++----- assets/contributors/contributor.html | 12 +++++++----- assets/faq/faq.html | 12 +++++++----- index.html | 23 +++++++++++------------ style.css | 23 ++++++++++++++++------- 6 files changed, 55 insertions(+), 39 deletions(-) diff --git a/assets/about/about.html b/assets/about/about.html index f7196a6c5..e5bc457cc 100644 --- a/assets/about/about.html +++ b/assets/about/about.html @@ -78,17 +78,19 @@
  • Contact
    • + +
    - -
    - - - +
    + + + +
    diff --git a/assets/contact/contact.html b/assets/contact/contact.html index bc8e7b174..d87668794 100644 --- a/assets/contact/contact.html +++ b/assets/contact/contact.html @@ -77,17 +77,19 @@
  • Contact
    • + +
    - -
    - - - +
    + + + +
    diff --git a/assets/contributors/contributor.html b/assets/contributors/contributor.html index 33565ef27..fb50b9d92 100644 --- a/assets/contributors/contributor.html +++ b/assets/contributors/contributor.html @@ -77,17 +77,19 @@
  • Contact
    • + +
    - -
    - - - +
    + + + +
    diff --git a/assets/faq/faq.html b/assets/faq/faq.html index 48e19d132..d0665bf69 100644 --- a/assets/faq/faq.html +++ b/assets/faq/faq.html @@ -78,17 +78,19 @@
  • Contact
    • + +
    - -
    - - - +
    + + + +
    diff --git a/index.html b/index.html index 94ee2665a..3368417e1 100644 --- a/index.html +++ b/index.html @@ -82,20 +82,19 @@
  • Contact
    • -
    -
    - -
    -
    - - - -
    +
    + +
    +
    + + + +
    diff --git a/style.css b/style.css index e3866047e..9f6367b43 100644 --- a/style.css +++ b/style.css @@ -29,16 +29,15 @@ background: var(--light); border-radius: 25px; } -/* TOGGLE SWITCH */ + +/* Dark and light mode Css*/ + .small-screen-adjustment { - display: flex; - align-items: center; + display: flex; + align-items: center; justify-content: space-between; - width: 100px; margin-left: 15px; - - } -/* Dark and light mode Css*/ +} .theme-switch-wrapper { display: flex; @@ -50,6 +49,7 @@ height: 32px; position: relative; width: 55px; + margin-left: auto; } .theme-switch input { @@ -363,6 +363,11 @@ nav { padding: 0.5rem; } +.nav-menu { + display: flex; + margin-left: auto; +} + nav ul { display: flex; gap: 2rem; @@ -2244,6 +2249,10 @@ footer { transition: 0.3s ease-in-out; } + .theme-switch-wrapper { + margin-right: 15px; + } + .hamburger { display: block; cursor: pointer;