Merge pull request #15 from ash956901/main

fixed the replication of navbar buttons
codingkatty · Oct 12, 2024 · e5a524f · e5a524f
2 parents e6112a6 + 449701d
commit e5a524f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -28,9 +28,9 @@
         </div>
 
         <a class="logo" href="index.html"><img src="logonew.svg" width="40" ></a>
-        <a href="learn.html">Learn</a>
-        <a href="challenge.html">Challenge</a>
-
+        <!-- <a href="learn.html">Learn</a>
+        <a href="challenge.html">Challenge -->
+        </a>
     </div>
 
     <div class="content">

diff --git a/styles.css b/styles.css
@@ -304,6 +304,10 @@ body {
     cursor: pointer;
 }
 
+.theme-toggle-wrapper{
+    transform: translateX(-60px);
+}
+
 #theme-toggle{
     background-color: transparent;
     border: none;
@@ -580,3 +584,10 @@ body.dark-theme #run-button:hover {
 body.dark-theme #clear-button:hover {
     background-color: #c82333; /* Darker red on hover */
 }
+
+@media screen and (max-width: 768px) {
+    .theme-toggle-wrapper{
+        transform: translateX(0px);
+    }
+
+}