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, 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
45
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
marybaum
1
77
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
72
Let's Get Visual!
marybaum
0
270
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
Decksh keywords
ajstarks
0
140
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
200
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
1.1k
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
580
HeartLanguage - DesignProcess
heartlanguage
0
150
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
sayadesign2
0
610
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
720
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
180
クリエイティブディレクター 両角 高寛 の自己紹介
morogyro
0
180
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
1.1k
エンジニア経験0のデザイナーが アプリを0からリリースまで 作ってみる
abokadotyann
2
270
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
250
Featured
See All Featured
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
290
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
290
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
570
Building a Scalable Design System with Sketch
lauravandoore
464
34k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.4k
Six Lessons from altMBA
skipperchong
29
4.5k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
5
740
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
530
KATA
mclloyd
PRO
35
16k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
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