It has now happened multiple times, where I work on a site for 2-3 days without checking out how the site looks on the front end after making each change, only to login 2 days later and see that the site looks butchered.
It is so hard to be so disciplined where you clear all the cache and check the front page for issues for each little fix you make.
I am just wondering how people handle it, today for example I logged in and the margins of the front page had changed, yet I didn't change them in any way
, so I reverse engineered 3 days of work, only to realize that the problem was that "Somehow" the actual margins or the "View of the template, was ACTUALLY Changed.
I suspect a theme update did something.
But for changes, do you actually right down each and every change you make and test the front end ?
And document in some version control tool or spreadsheet ?
Thanks

Check your work after you publish (and flush cache)? Check in Incognito mode to view the cached version. That’s worked for me for 25+ years.
Trello. List all changes made. We also use Activity Log just in case a client has a contractor come in.
I find it useful to hash out HTML/CSS changes directly to the page in the browser’s developer tools. It’s a fast way to see what works and what doesn’t, especially if you’re testing different styles. Then, when I’m pretty confident I know what I want, I write the changes to the style sheet/post (or template), flush the cache and do a ctrl + F5 refresh in a private tab.