Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
CSS Grid in the wild Jessica Lyschik • WordCamp Zürich 2019
Slide 2
Slide 2 text
Why you should use CSS Grid today
Slide 3
Slide 3 text
Source: caniuse.com
Slide 4
Slide 4 text
Creating 2-dimensional layouts natively in CSS Modified example of gridbyexamples.com
Slide 5
Slide 5 text
CSS Grid is not like Bootstrap or 960grid
Slide 6
Slide 6 text
Don’t think in columns, think in line numbers, starting at 1 from the very left. Modified example of gridbyexamples.com
Slide 7
Slide 7 text
Example 1: CodePen
Slide 8
Slide 8 text
Example 2: CodePen
Slide 9
Slide 9 text
Thank you! Questions? Follow me on Twitter: @jessicalyschik