wmyers

##The Box Model

• every element on a web page is a box of content wrapped in three outer layers
• margin: outermost layer, this is transparent and used for spacing
• border: middle layer, this is a visible, styleable rectangular border
• padding: inner layer, this is transparent but colored by the background-color of an element; it is used to create spacing between the border of an element and its inner content
• You can individually style each rectangular side of margin, border or padding
• You can change how an element's width/height is calculated in relation to its box model using the box-sizing property
• You can view a representation of the box model of any element in Chrome Dev Tools
• You round the corners of your rectangular border with the border-radius property

wmyers

##GitHub##

For those of you still baffled by GitHub:

GitHub keeps your files in repositories (folders). Each repositiory can exist locally (on your computer) and remotely (on github.com). They keep in sync with each other.

So there are essentially two GitHubs, the main one is on the web at github.com where you are logged in. The other one is installed on your computer - GitHub Desktop. GitHub Desktop works like an extension of github.com, but running locally on your computer. It allows you to create local repositories and publish them to github.com later. It also allows you to clone remote repositories on github.com so that you have a local copy on your computer.

GitHub Desktop is doing the following with your local repository:

• tracking your files and showing you which files you have changed