When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:
main {
max-width: 38rem;
padding: 2rem;
margin: auto;
}
/* http://meyerweb.com/eric/tools/css/reset/ | |
v2.0-modified | 20110126 | |
License: none (public domain) | |
*/ | |
html, body, div, span, applet, object, iframe, | |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
a, abbr, acronym, address, big, cite, code, | |
del, dfn, em, img, ins, kbd, q, s, samp, | |
small, strike, strong, sub, sup, tt, var, |
; c = case sensitive | |
; c1 = ignore the case that was typed, always use the same case for output | |
; * = immediate change (no need for space, period, or enter) | |
; ? = triggered even when the character typed immediately before it is alphanumeric | |
; r = raw output | |
;------------------------------------------------------------------------------ | |
; CHANGELOG: | |
; | |
; 2011-03-21 and after: See readme.md |