Skip to content

Different body margin between pages with scroll and without it #4

Description

@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:

html {
box-sizing: border-box;
}

Should become this:

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions