Responsive Web App using CSS Grid and JavaScript

I'm pleased with the final look and feel of the web app, though I did diverge ever so slightly from the design comp. As noted in my project readme, these changes were mainly around improving color contrast and related accessibility updates. I actually started this project quite a while ago, before circling back to finally finish it. From my early starting point to the final outcome I'm submitting, I reworked almost all of the JavaScript code and made some fairly significant changes to the HTML.

Honestly, dealing with combining the prefers-color-scheme media feature and the manual light-dark toggle took me quite a bit of time, trial, and error before I was happy enough with the result. Much of the pain around this was my own fault for waiting to very near the end of the project work to implement the feature. By then, I had rewritten a lot of styles and updated the color scheme several times over. In the future, with projects that feature a light-dark mode toggle, I'll definitely work on sorting out the mechanics earlier, while my CSS is still fairly straightforward.