CSS - Prevent that tiny horizontal shift of a webpage's centered body when its scrollbar appears.

prevent-shifting-on-overflow.css

/* If body is centered, this will prevent the contents from shifting if a scrollbar appears. */

@media screen and (min-width: 60em) {
  html {
    margin-left: calc(100vw - 100%);
  }
}