Skip to main content

Accessibility

Viewport scale

The layout and type can be proportionally scaled to maintain an optimal line length at any viewport size.

For example, you could scale the base of 1rem (roughly 16px):

down to 93.75% to give a paragraph size and gutters of roughly 15px
up to 106.25% to give a paragraph size and gutters of roughly 17px
further up to 112.5% to give a paragraph size and gutters of roughly 18px

View viewport scale code and viewport scale research on GitHub.