Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Momma's got a brand-new grid.
Search
Mary Baum
October 14, 2017
Design
100
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
Transcript
29 slides
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
More Decks by Mary Baum
See All by Mary Baum
Genesis or TwentyTwenty?
marybaum
0
46
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
marybaum
1
85
Let's get visual!
marybaum
0
440
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
marybaum
1
430
My favorite design tool ... is a browser.
marybaum
0
75
Let's Get Visual!
marybaum
0
280
Themes_101.pdf
marybaum
0
290
Gutenberg.pdf
marybaum
0
150
Header logos and favicons!
marybaum
0
220
Other Decks in Design
See All in Design
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
1.3k
【2026】ポートフォリオ_大坪明日香
tsubo52
0
170
自社プロダクトのUIをAIが再現するデザインビルドシステム
toy1618
0
1.4k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
530
Luna's Light
shemeetscity
0
730
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
300
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
530
凡庸を落とすハーネス
hiromimaeo
2
1.1k
tokikai Webポータルの要点|仕様へのこだわりポイントまとめ
soniria
0
490
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
4
5.7k
AIが作るデザインの レビューコストと向き合って分かったこと. -正社員デザイナー1人の組織でデザインハーネスを立ち上げた話-
hidekiietaka
1
400
信頼をデザインし、ブランドで市場を拓く。/ Designship2026
assuredjp
PRO
0
290
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Agile that works and the tools we love
rasmusluckow
331
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
371
20k
KATA
mclloyd
PRO
35
16k
4 Signs Your Business is Dying
shpigford
187
23k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
2
980
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
3.1k
Done Done
chrislema
187
17k
HDC tutorial
michielstock
2
1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.9k
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
cargoodrich
3
900