02 - Starter Files and Tooling

Firefox has good built-in tools to analyze CSS grid
Node can help serve HTML files and reload them on change (browser-sync module)
Wes Bos' repository: https://github.com/wesbos/css-grid.git
Use Emmet for HTML and CSS
TODO: Show list of VS code extensions.
CSS: use box-sizing: border-box as it includes padding and borders

03 - Fundamentals

Grid organizes page in rectangular grid cells.
Implicit and explicit rows/columns
Parent container needs to be display: grid;
- makes direct children grid items
grid-template-columns: (size) (size)... defines explicit columns
- use auto to auto size columns to use up rest of the screen width
grid-gap: (size) separates columns and rows with