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
77
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
61
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
410
My favorite design tool ... is a browser.
marybaum
0
50
Let's Get Visual!
marybaum
0
230
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
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
180
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
110
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
500
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
650
Findyのプロデチームの 歩みとこれから
satty9556
0
290
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
160
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.4k
Memory Man v3 (WIP)
storybychad
PRO
0
2.7k
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
450
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
170
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
510
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.8k
Featured
See All Featured
Fireside Chat
paigeccino
40
3.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
Raft: Consensus for Rubyists
vanstee
139
7.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
A designer walks into a library…
pauljervisheath
209
24k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.9k
Context Engineering - Making Every Token Count
addyosmani
5
220
Faster Mobile Websites
deanohume
310
31k
BBQ
matthewcrist
89
9.8k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
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