Unit Basics

A units guideline based on working in 0.125 steps, a magic number like π in the world of CSS.

Why

Nested HTML elements with relative units are going to lead to odd PX values.

Goal

A simplified management for spaces and dimensions of HTML elements.

Edit on GitHub

Unit Steps

Overview

FactorValue
10.125
20.25
30.375
40.5
50.625
60.75
70.875
81
Edit on GitHub