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

Factor Value
1 0.125
2 0.25
3 0.375
4 0.5
5 0.625
6 0.75
7 0.875
8 1
Edit on GitHub