CSS Ruler

There are 3 types of CSS lengths:

✓ font relative is relative to font-size. ✓ viewport percentage is relative to viewport size. ✓ absolute is a physical measurement.

Update the following values or resize the browser to see how the lengths change:

html { font-size: px; } body { font-size: px; } .example { width: ; }

Content borrowed from MDN.

Made with :heart: by Katy DeCorah.