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

Momma's got a brand-new grid.

Avatar for Mary Baum Mary Baum
October 14, 2017
Design
94
0

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

More Decks by Mary Baum

See All by Mary Baum
Genesis or TwentyTwenty?
Avatar for Mary Baum marybaum
0
41
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
Avatar for Mary Baum marybaum
1
72
Let's get visual!
Avatar for Mary Baum marybaum
0
430
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
Avatar for Mary Baum marybaum
1
420
My favorite design tool ... is a browser.
Avatar for Mary Baum marybaum
0
62
Let's Get Visual!
Avatar for Mary Baum marybaum
0
250
Themes_101.pdf
Avatar for Mary Baum marybaum
0
280
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
Drawing_for_Anim_Final_PDF.pdf
Avatar for Mandalyn Teo lynteo
2
160
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
320
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.3k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
210
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
190
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
Avatar for kgsi kgsi
0
720
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
840
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.2k
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
670
Frontier
Avatar for Renny Wang rwang05
0
160
AI時代に求められるUXデザインのアプローチ
Avatar for xtone xtone
1
5.6k
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
440

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
720
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
940
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
370
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
200
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
330
Docker and Python
Avatar for Tania Allard trallard
47
3.9k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k

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