Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Momma's got a brand-new grid.

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Mary Baum Mary Baum
October 14, 2017
Design
0
82

Momma's got a brand-new grid.

A first look at CSS-Grid in WordPress (and the fr measurement unit).

Avatar for Mary Baum

Mary Baum

October 14, 2017
Tweet

More Decks by Mary Baum

See All by Mary Baum
Genesis or TwentyTwenty?
Avatar for Mary Baum marybaum
0
35
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
Avatar for Mary Baum marybaum
1
66
Let's get visual!
Avatar for Mary Baum marybaum
0
420
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
Avatar for Mary Baum marybaum
1
410
My favorite design tool ... is a browser.
Avatar for Mary Baum marybaum
0
55
Let's Get Visual!
Avatar for Mary Baum marybaum
0
240
Themes_101.pdf
Avatar for Mary Baum marybaum
0
270
Gutenberg.pdf
Avatar for Mary Baum marybaum
0
150
Header logos and favicons!
Avatar for Mary Baum marybaum
0
210

Other Decks in Design

See All in Design
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.5k
Treasure_Hunting
Avatar for Sol Metts solmetts
0
320
デザインするために「多様性」について考える
Avatar for なつ iflection
0
240
Diverse Design Team Deck
Avatar for Diverse diverse
0
1k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
27k
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
4
2.9k
Drawing_for_Anim_Final_PDF.pdf
Avatar for Mandalyn Teo lynteo
2
120
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1.1M
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
3.3k
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
0
800
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.1k
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.3k

Featured

See All Featured
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
690
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
460
Between Models and Reality
Avatar for mayunak mayunak
2
240
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
250
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
10k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.2k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
160
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
170
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
140

Transcript

  1. Psst …

  2. None
  3. None
  4. None
  5. None
  6. None
  7. None

  8. Now let’s pay some dues.

  9. We’re here for two reasons. Jen Simmons Rachel Andrew

  10. A tiny taste: http://labs.jensimmons.com/ http://jensimmons.com/post/ feb-27-2017/learn-css-grid

  11. A tiny taste: http://gridbyexample.com https://gridbyexample.com/video/

  12. And so much more.

  13. So. Grid.

  14. None

  15. What is it? Where do we use it? Does it

    work with Flexbox? How to get started?

  16. What it’s not: A plugin A framework A page-builder A

    panacea (much)

  17. Where do we use it?

  18. Subtitle Text

  19. Subtitle Text

  20. Subtitle Text

  21. Thanks, Foundation. You taught me some great php.

  22. Subtitle Text

  23. Does it work with Flexbox?

  24. Subtitle Text

  25. Subtitle Text

  26. Subtitle Text

  27. Browser support?

  28. Subtitle Text

  29. Mary Baum @marybaum