eCSSential demo

https://filamentgroup.github.io/eCSSential/examples/default/

tldr: console.log + devtools + documentation + no "guessing"

use dev tools :~)

plz

span[class*="token"]

... is different than

span[class*="token-"]

when attempting to modify:

<span class="token keyword">void</span>

do `l "how do u center a div in a doc"

b4 anything else

centering shit

text-align: center ~> display: inline-block

center a div by applying text-align: centner to a parent and its child to inline-block

that didn't work?

use devtools and start clicking boxes off

perhaps ur overlooking -webkit-leading-margin: 2em on all divs?

be wary of vendor prefixes!!!

be a tool

use stylelint, pureifycss, htmlhint, prettier, or w3c's validators