256 bytes of css
256 bytes of CSS are enough to get a beautiful, readable and adaptive website.
Yes, 256B. It is 0,256 kb. Only 256 char.
Even less minified and gzipped
- Use "rem" unit as much as possible to keep user's size choices
- Do not set colors to keep user's client preferences
- Set a maximum width to 37rem ≈ 72 char to reduce eyes strain.
- Remove link colors and set them bold to improve legibility
body,pre { padding: 1rem } body { font: 1.1rem/1.4 sans-serif; max-width: 37rem; margin: auto } pre { overflow: auto; font-size: 1rem; border: 1px solid } blockquote { font: italic 1em serif } a { color: inherit; font-weight:bold } img { max-width: 100% }
Remember to have in your header :
<meta name="viewport" content="width=device-width" />