From 056d55366cda193bc4acd9bee710bf0dd062fdb1 Mon Sep 17 00:00:00 2001 From: Edwin Lungatso <86914491+best-ed@users.noreply.github.com> Date: Wed, 10 Jun 2026 01:34:23 +0300 Subject: [PATCH 1/2] Fix trailing whitespace in folder path to resolve Windows cloning crash --- .../index.html | 0 .../script.js | 0 .../style.css | 0 3 files changed, 0 insertions(+), 0 deletions(-) rename {Responsive Navigation Bar => Responsive Navigation Bar}/index.html (100%) rename {Responsive Navigation Bar => Responsive Navigation Bar}/script.js (100%) rename {Responsive Navigation Bar => Responsive Navigation Bar}/style.css (100%) diff --git a/Responsive Navigation Bar /index.html b/Responsive Navigation Bar/index.html similarity index 100% rename from Responsive Navigation Bar /index.html rename to Responsive Navigation Bar/index.html diff --git a/Responsive Navigation Bar /script.js b/Responsive Navigation Bar/script.js similarity index 100% rename from Responsive Navigation Bar /script.js rename to Responsive Navigation Bar/script.js diff --git a/Responsive Navigation Bar /style.css b/Responsive Navigation Bar/style.css similarity index 100% rename from Responsive Navigation Bar /style.css rename to Responsive Navigation Bar/style.css From 01fb9680e5059cf38fb45cee43b1ce80a528e14b Mon Sep 17 00:00:00 2001 From: Edwin Lungatso <86914491+best-ed@users.noreply.github.com> Date: Wed, 10 Jun 2026 02:24:32 +0300 Subject: [PATCH 2/2] Fix linting errors in style.css --- Responsive Navigation Bar/style.css | 164 +++++++++------------------- 1 file changed, 54 insertions(+), 110 deletions(-) diff --git a/Responsive Navigation Bar/style.css b/Responsive Navigation Bar/style.css index 2e565d8d4..23a94c23c 100644 --- a/Responsive Navigation Bar/style.css +++ b/Responsive Navigation Bar/style.css @@ -1,29 +1,30 @@ -*{ +* { margin: 0; padding: 0; } -nav{ +nav { display: flex; align-items: center; height: 7vh; justify-content: space-between; background-color: blueviolet; color: white; - } -.navbar-list{ +/* Combined the duplicate .navbar-list blocks here */ +.navbar-list { display: flex; gap: 18px; } -.navbar-list> li{ +/* Combined the duplicate .navbar-list > li blocks here */ +.navbar-list > li { display: inline; - + font-size: 2rem; } -.sec{ +.sec { display: flex; width: 100vw; height: 100vh; @@ -31,121 +32,64 @@ nav{ align-items: center; justify-content: center; color: white; - } -.mobile-navbar-btn{ - +.mobile-navbar-btn { display: none; gap: 12px; - cursor: pointer; color: black; - cursor: pointer; + cursor: pointer; /* Removed the duplicate cursor line here */ margin: 0px 45px; - - -} - -.navbar-list{ - display: flex; - gap: 18px; -} - -.navbar-list> li{ - display: inline; - font-size: 2rem; - } - - -.mobile-nav-icon{ - font-size: 2em; - line-height: .03125em - - - - +.mobile-nav-icon { + font-size: 2em; + line-height: .03125em; } -.mobile-nav-icon[name="close-outline"]{ +.mobile-nav-icon[name="close-outline"] { display: none; } @media screen and (max-width:600px) { - -.mobile-navbar-btn { - - display: flex; - justify-content: right; - position: absolute; - top: 0; - padding: 12px 12px; - - width: 100%; - gap: 12px; - background-color: rgb(211, 35, 35); - - - + .mobile-navbar-btn { + display: flex; + justify-content: right; + position: absolute; + top: 0; + padding: 12px; /* Fixed: Changed '12px 12px' to just '12px' */ + width: 100%; + gap: 12px; + background-color: rgb(211, 35, 35); + } + + .mobile-navbar-btn > ion-icon { + margin-right: 30px; + border: 2px solid black; + } + + .mobile-navbar-btn > i { + padding: 5px; + margin-right: 30px; + border: 2px solid black; + } + + .logo { + display: none; + } + + nav { + position: absolute; + width: 100%; + align-items: center; + justify-content: center; + height: auto; + top: 0; + left: 0; + } + + .navbar-list { + display: none; + flex-direction: column; + } } - -.mobile-navbar-btn > ion-icon { - - margin-right: 30px; - border: 2px solid black; - - - - -} - -.mobile-navbar-btn > i{ - padding: 5px; - - margin-right: 30px; - border: 2px solid black; - - - - -} - - -.logo{ - display: none; -} - - -nav{ - position: absolute; - width: 100%; - /* display: none; */ - align-items: center; - justify-content: center; - height: auto; - top: 0; - left: 0; - - -} - -.navbar-list{ - - display: none; - - flex-direction: column; -} - -.navbar-list> li{ - /* display: none; */ - - - -} - - - - - -} \ No newline at end of file