Fix duplicate of toggle buttons for dark mode

[ka-hn]

Pull Request Template

Please provide all of the details below. Pull requests missing any of the information below will be closed! Providing the issue number/url helps us identify the problem being solved and keep the issues tab clean and tidy

What issue does this fix?.

Summarize what this PR fixes:- fixes #954

• Remove duplicate Toggle Button
• Rearrange in the DOM

What ISSUE NUMBER does this fix?

Fixes # fixes #954

Checklist

(Add an x between the brackets to check the items)

• [x] I have summarize what this PR fixes above
• [x] I have provided the issue ID/URL above
• [x] I have not added Bootstrap or jQuery and used correct styling guide.
• [x] This PR fixes only the issue mentioned above (create separate PRs for separate issues)
• [x] I was the first one to claim the issue or I created the issue - I created the issue

[zero-to-mastery-bot[bot]]

🙏 Thanks for your pull request @ka-hn, The team will now review and merge this request. In the mean time why not check out some of the other opensource projects available, contributions are greatly appreciated!

Some of the most popular are

• Student Resources
• ZTM Job Board
• Complete Web Developer Manual

---

PR Statistics

#️⃣ PR Number:	➕ Line Additions:	🗑️ Line Deletions:
957	25	24

📑 Files Changed:	⭐ Repo Stars:	🔱 Total Forks:
2	199	414

[brittneypostma]

There isn't a duplicate toggle and this changes the placement of it from the mockup. It has a mobile version and a larger version. The mobile circle is a little off in alignment, but otherwise the toggle is fine.

[ka-hn]

Ok, thank you. However when there are two toggle buttons, one for mobile and one for desktop it causes problems with maintainability and they are also out of synch with each other. If you toggle dark mode when in mobile version and then scale up the screen to make the desktop one appear, they are not synched in how they are visualized. But thank anyways for the review.