Read on Twitter
Please stop using `border: 1px solid red` to debug CSS, use outline. Border will eventually bite you in the ass because border modifies the layout, outline does not. You can end up fixing your layout with border on, only to have it reappear with border off. Always use outline.
Outline works (almost) just like border, but it doesn't mess with the layout you're trying to debug: https://developer.mozilla.org/en-US/docs/Web/CSS/outline
And box-shadow is another option which can be useful if the elements you're debugging already have outlines you want to keep enabled while debugging: https://twitter.com/anatudor/status/1265633964691279874
This thread inspired by seeing tweets about border: 1px every other week e.g. https://twitter.com/telmo/status/1265267839369437184
