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
0
77

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
30
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
Avatar for Mary Baum marybaum
1
60
Let's get visual!
Avatar for Mary Baum marybaum
0
390
Confessions of a type nut: Quick tricks to get great type on your site, and why it matters
Avatar for Mary Baum marybaum
1
400
My favorite design tool ... is a browser.
Avatar for Mary Baum marybaum
0
50
Let's Get Visual!
Avatar for Mary Baum marybaum
0
220
Themes_101.pdf
Avatar for Mary Baum marybaum
0
270
Gutenberg.pdf
Avatar for Mary Baum marybaum
0
140
Header logos and favicons!
Avatar for Mary Baum marybaum
0
200

Other Decks in Design

See All in Design
freee + Product Design FY25Q4
Avatar for freee freee
4
15k
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
1
1.1k
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
280
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
160
mento Design Team Portfolio
Avatar for mento _official mento0fficial
0
480
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
190
文字コントラストを改めて考える / Reevaluating Text Contrast
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
420
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
220
1920*1080pxに設定したケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.1k
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
240
信念を持つ方法
Avatar for Rikiya Ihara / magi magi1125
0
170
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
410

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
740
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
301
21k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.6k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.8k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
332
22k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k

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