Different body margin between pages with scroll and without it

[oAGoulart]

Issue

Pages with sufficient html height to create scrollbar will have a smaller body element margin, see the difference between Notes and About.

Solution

Add scrollbar-gutter: stable; to html element, see documentation about it. In this case, this:

https://github.com/ronv/ultra/blob/0c7c02d48f83e0c403979661a2fec2dc3f39a2fb/_sass/_layout.scss#L1-L3

Should become this:

html {
  box-sizing: border-box;
  scrollbar-gutter: stable;
}