The Code of Conduct document states that CodePen is a public community that welcomes everyone regardless of personal attributes and aims to make everyone feel comfortable and safe. It provides contact information for three individuals.

2. CODE OF CONDUCT
https://blog.codepen.io/legal/code-conduct/
CodePen is a public community. Everyone is
welcome to participate here regardless of race,
religion, gender, sexual orientation, appearance,
or anything else that makes up a person. Not
only is everyone welcome, we want everyone to
feel comfortable and feel safe.”

3. ALICIA
aliciasedlock@gmail.com
@aliciability
617-510-8822
PAUL
paul@cantina.co
@demersdesigns
617-997-9531
ERIC
eric@cantina.co
@ericwbailey
617-909-3611

5. Unknown, 1D layouts
The flow and alignment of
objects inside a container.
Anything that needs to be
laid out in a straight line*.

6. Known, 2D layouts
The flow and alignment of
full page layout objects.
Fit content in two
dimensions.

7. Can they work
together?
You bet!

8. Grid
Any element with the display
property set to grid.
Line
Horizontal and vertical lines
that define boundaries.
Cell
Space between 4 grid Lines.

9. Grid
Any element with the display
property set to grid.
Line
Horizontal and vertical lines
that define boundaries.
Cell
Space between 4 grid Lines.

10. Grid
Any element with the display
property set to grid.
Line
Horizontal and vertical lines
that define boundaries.
Cell
Space between 4 grid Lines.

11. Track
The space between two
parallel Lines.
Gutter
The space between Cells.
Area
The area between 4 grid Lines.
This can have any number of
Cells.

12. Track
The space between two
parallel Lines.
Gutter
The space between Cells.
Area
The area between 4 grid Lines.
This can have any number of
Cells.

13. Track
The space between two
parallel Lines.
Gutter
The space between Cells.
Area
The area between 4 grid Lines.
This can have any number of
Cells.

18. LEARN
Intro to CSS Grid
labs.jensimmons.com
Grid by Example
gridbyexample.com
A Complete Guide to Grid Layout
chris.house/blog/a-complete-guide-css-grid-layout
Grid Garden
cssgridgarden.com

19. DO
CodePen Boston Meetup - CSS Grid
Sample Layouts for the CSS Grid hack session May 9, 2017
codepen.io/collection/nxRVBp