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
2
140
Momma's got a brand-new grid, in Albuquerque.
Mary Baum
January 20, 2018
Tweet
Share
More Decks by Mary Baum
See All by Mary Baum
Genesis or TwentyTwenty?
marybaum
0
36
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
marybaum
1
66
Let's get visual!
marybaum
0
420
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
55
Let's Get Visual!
marybaum
0
240
Themes_101.pdf
marybaum
0
270
Gutenberg.pdf
marybaum
0
150
Header logos and favicons!
marybaum
0
210
Other Decks in Design
See All in Design
AI時代、デザイナーの価値はどこに?
tararira
1
940
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
360
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.2k
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
120
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
620
【優秀賞+特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
shoko_seven11
0
120
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
1.3k
デザインを信じていますか
sekiguchiy
1
1.1k
root COMPANY DECK / We are hiring!
root_recruit
2
27k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
710
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
2
740
Ralph Penel Portfolio
ralphpenel
0
370
Featured
See All Featured
Prompt Engineering for Job Search
mfonobong
0
240
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
100
Exploring anti-patterns in Rails
aemeredith
2
300
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
150
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.1k
BBQ
matthewcrist
89
10k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
350
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
410
First, design no harm
axbom
PRO
2
1.1k
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