Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Momma's got a brand-new grid.
Search
Mary Baum
October 14, 2017
Design
0
76
Momma's got a brand-new grid.
A first look at CSS-Grid in WordPress (and the fr measurement unit).
Mary Baum
October 14, 2017
Tweet
Share
More Decks by Mary Baum
See All by Mary Baum
Genesis or TwentyTwenty?
marybaum
0
30
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
marybaum
1
59
Let's get visual!
marybaum
0
390
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
marybaum
1
400
My favorite design tool ... is a browser.
marybaum
0
48
Let's Get Visual!
marybaum
0
210
Themes_101.pdf
marybaum
0
270
Gutenberg.pdf
marybaum
0
140
Header logos and favicons!
marybaum
0
200
Other Decks in Design
See All in Design
「デザイン」を信じるには
iflection
0
280
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
680
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
280
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
960
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
190
クライアントワークにおける UXリサーチの実践
kozotaira
0
690
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
620
Bulletproof Design System with TypeScript
takanorip
6
3.5k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
860k
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
130
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
240
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Balancing Empowerment & Direction
lara
1
400
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Agile that works and the tools we love
rasmusluckow
329
21k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Optimizing for Happiness
mojombo
379
70k
A better future with KSS
kneath
239
17k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
The Cult of Friendly URLs
andyhume
79
6.5k
Transcript
Psst …
None
None
None
None
None
None
Now let’s pay some dues.
We’re here for two reasons. Jen Simmons Rachel Andrew
A tiny taste: http://labs.jensimmons.com/ http://jensimmons.com/post/ feb-27-2017/learn-css-grid
A tiny taste: http://gridbyexample.com https://gridbyexample.com/video/
And so much more.
So. Grid.
None
What is it? Where do we use it? Does it
work with Flexbox? How to get started?
What it’s not: A plugin A framework A page-builder A
panacea (much)
Where do we use it?
Subtitle Text
Subtitle Text
Subtitle Text
Thanks, Foundation. You taught me some great php.
Subtitle Text
Does it work with Flexbox?
Subtitle Text
Subtitle Text
Subtitle Text
Browser support?
Subtitle Text
Mary Baum @marybaum