Skip to content

Instantly share code, notes, and snippets.

@cheapsteak
Created January 31, 2017 15:49
Show Gist options
  • Save cheapsteak/82142dbffe0fd41d321b622d3f6e2343 to your computer and use it in GitHub Desktop.
Save cheapsteak/82142dbffe0fd41d321b622d3f6e2343 to your computer and use it in GitHub Desktop.

Play around with this for ~3 minutes
https://codepen.io/guyroutledge/full/hgpez/
Take note of the css values on the bottom left

Skim this for ~5 minutes
https://css-tricks.com/the-css-box-model/
Don’t have to worry about understanding everything. Keep a mental index of what things exist and refer back here when you need it

Ditto with this, skim for ~5 minutes
https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties

Bookmark this page
http://cssreference.io/
If a css property isn’t behaving as expected, look it up on here first

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment