Update styles.css

es, to place the dark mode toggle on the upper right side, you need to make changes to the CSS code. Update your styles.css with the following changes:

Replace the #theme-toggle with header to position the dark mode toggle within the header.
Add flexbox styles to the header selector to align its contents.
Here's the updated styles.css code:

styles.css

@@ -19,10 +19,15 @@ body.dark-mode {
     background-color: #333;
 }
 
-#theme-toggle {
+header {
     position: fixed;
     top: 1rem;
     right: 1rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    padding: 0 1rem;
 }
 
 #theme-switch {