Jumping Scrollbar Issue
When the scrollbar appears, the space for the web-page gets narrower. This causes a move or squeeze of the contents. There are several CSS workarounds to face this issue.
Aligning Centered Pages
Adding margin on the left to compensate scrollbar on the right.
margin-left: calc(100vw - 100%);
Let Scrollbar Overlap
Moves the page with the size of the scrollbar below the scrollbar. This is imho the nicest solution - but causes problems due to the overflow-x:hidden.
margin-right: calc(-1 * (100vw - 100%));
Leave the Space blank
According to textfixer.com a common Windows browser scrollbar has the width of 17px. On my Debian the Firefox scrollbar width is 12px. The following code will leave 17px blank, when there is no scrollbar.
padding-right: calc(17px - (100vw - 100%));