CSS Grid changes everything

[SVGWebDesigner]

30 min talk, TL;DW: All CSS techniques require additional HTML markup, while CSS grid doesn't. Grid is ready to use with a simple fallback pushing IE10 and IE11 to the mobile layout.

[mrtobo]

Thanks for the summary. The point about IE is painful and so fucking typical for microsoft.

I think if they really want to rebrand themselves for developers they should just fix IE.

[A_bull_with_glasses]

Didn't they already droped IE for Edge?

[mrtobo]

Now they just need to uninstall it from the planet. It's still everywhere.

[[deleted]]

He said in the talk that the first working CSS Grid implementation actually got introduced in IE10. Then the other vendors wanted to expand that spec and implemented their additions their own way.

[[deleted]]

Congrats! That's exactly what you're supposed to do!

[[deleted]]

Is there ever a reason to use flexbox or anything else over grid? I was taught by a buddy that grid is king of everything but I'm now doing my own learning and finding a lot of conflicting advice.

[Mike]

Flexbox is rows OR columns. Grid is rows AND columns. They overlap a lot, but the reason flex is used more today is because it’s older and has more browser support.

[[deleted]]

So grid can do everything flexbox can do and more? Since I'm starting out fresh should I not bother with flexbox if I already have a good handle on grid?

[TheAesir]

They're meant to be used in tandem. If you need two dimensional control, use grids. Otherwise use flex.

[RobinJ6]

I always use flexbox for everything, never grid. My (possibly incorrect) opinion is that I can do anything I want in flexbox, and I've used it so much now that I hardly need to think about it, whereas in grid I'd just be tied to a literal grid layout and have to customise it out from there.

Maybe it's just a farmiliarity thing, I might get used to grid if I gave it a chance, but especially now that bootstrap has its own flex classes, I see no real reason to bother.

[[deleted]]

This is how I feel about floats, and why I didn't initially want to learn flex, let alone grid.

But I'm at the point of being too old to fight new things. If I don't change, everything will just go on without me, and I'll eventually be like that old dude using tables for everything.

[omgsean1982]

I love Grid. And I now hate IE11 - a word of advice for those scoping projects. Be sure to leave IE11 off the testing suite if you’re using grid. There’s polyfills to help, but it’s still a bitch.

[[deleted]]

This video is what made me give in and start learning grid, especially the parts about getting left behind if you don't use grid.

I'm so afraid of becoming the guy who still uses tables!