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, in Albuquerque.
Search
Mary Baum
January 20, 2018
Design
150
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Momma's got a brand-new grid, in Albuquerque.
Mary Baum
January 20, 2018
More Decks by Mary Baum
See All by Mary Baum
Genesis or TwentyTwenty?
marybaum
0
44
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
marybaum
1
76
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
70
Let's Get Visual!
marybaum
0
260
Themes_101.pdf
marybaum
0
280
Gutenberg.pdf
marybaum
0
150
Header logos and favicons!
marybaum
0
210
Other Decks in Design
See All in Design
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
3
5k
root COMPANY DECK / We are hiring!
root_recruit
4
30k
Frontier
rwang05
0
200
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
820
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
520
AI時代に求められるUXデザインのアプローチ
xtone
1
8.9k
なぜ、インサイトを貯めるのか?
tajima_kaho
3
2.7k
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
180
TOPOSTOPOS
shoheyey
0
160
Signull 団体説明資料
signull
0
800
test deck title
shotamatsuo
0
1.5k
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
200
Featured
See All Featured
For a Future-Friendly Web
brad_frost
183
10k
Music & Morning Musume
bryan
47
7.4k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
440
Typedesign – Prime Four
hannesfritz
42
3.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
Context Engineering - Making Every Token Count
addyosmani
9
1.1k
Designing for Timeless Needs
cassininazir
1
460
The Curious Case for Waylosing
cassininazir
1
490
Producing Creativity
orderedlist
PRO
348
41k
Transcript
Who's your favorite?
None
Style That Site! “I can style it in three breakpoints!”
None
None
None
None
New unit! The fraction. 1fr, 2fr, 3fr, more.
None
None
Now let’s pay some dues.
We’re here for two reasons. Rachel Andrew Jen Simmons
A tiny taste: http:// labs.jensimmons.com/
A tiny taste: http://gridbyexample.com
And so much more.
So. Grid.
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)
Grid is a CSS specification.
Where do we use it?
Grids of posts ...
instead of Flexbox; instead of floats; instead of block and
inline-block;
Instead of Flexbox.
None
None
None
Or along with those things!
Thanks, Foundation. You taught me some great php.
None
How about inside a post? For this theme, I scrapped
the image-gallery plugins.
None
None
None
None
None
None
Why, yes! You can mix units.
None
Does it work with Flexbox?
None
None
None
Browser support?
None
The implicit grid.
None
None
None
Mary Baum @marybaum