Momma's CSS Grid

CSS-Grid presentation, WordCamp Miami 2018

Transcript

1. CSS-Grid.
14. New unit! The fraction. 1fr, 2fr, 3fr, more.
15. Now let’s pay some dues.
16. We’re here for two reasons.
17. Jen Simmons . http://labs.jensimmons.com/
18. Rachel Andrew http://rachelandrew.co.uk
19. Jen Simmons. Host/executive producer, 
 The Web Ahead. 2015 Net Award: 
 Podcast of the Year. http://labs.jensimmons.com/
20. Jen Simmons. Designer/Developer Advocate at Mozilla. What do we need next in design for the web? http://labs.jensimmons.com/
22. Rachel Andrew. Editor-in-chief, Smashing Magazine. http://rachelandrew.co.uk/
23. Rachel Andrew. Web developer,
 speaker, author. http://rachelandrew.co.uk/
24. Rachel Andrew. Cofounder, 
 Perch CMS. http://rachelandrew.co.uk/
26. So. Grid.
27. What is it? Where do we use it? Does it work with Flexbox? How do we get started?
28. What it’s not.
29. What it’s not: A plugin A framework A page-builder A panacea (much)
30. Grid is a CSS specification.
31. Where do we use it?
32. Grids of posts.
33. instead of Flexbox; instead of floats; instead of block and inline- block;
34. Instead of Flexbox.
38. Instead of floats.
40. Thanks, Foundation. You taught me some great php.
42. How about 
 inside a post?
46. Breakpoints are a lie. (Kinda.)
52. Why, yes! 
 You can mix units.
55. Does it work with Flexbox?
59. Browser support?
61. The implicit grid.
66. The browser adapts the grid to the elements you put in it.
67. VWs.
68. The vw unit. Viewport-width.
73. Mary Baum @marybaum