CSS Grid or Flexbox in 2019

Comments

[Sally]

Both. They do different things.

Read some of Rachel Andrew's work, and blog posts on CSS Tricks. They will explain it in detail.

[Nazim Zeeshan]

Thanks Sally! Will read articles that you have suggested.

[Ben Lovy]

Both! Just Flexbox for simple pages, and Flexbox inside Grid for more complex layouts

[Nazim Zeeshan]

Thanks, Ben!

[Nazim Zeeshan]

Which is your go-to choice for building layouts for your apps. Grid or Flexbox?

[Heddi Nabbisen]

I'm moving from Flexbox to Grid, because I knew Grid is now partially supported in Internet Explorer 11...🙂
It requires -ms- vendor prefix:

• -ms-grid-rows
• -ms-grid-columns

[Nazim Zeeshan]

Thanks Heddi!

[Christian Otto]

I prefer to use Flexbox on parts of the UI that basically stay the same in any scenario or have limited changes in different responsive behaviours, like for example interaction or input controls. There I usually see no need for using CSS Grid, which is what i tend to use more when it comes to the global (app) layout, that is, the app container, dashboards and the likes.

[Nathan Tamez]

I use both. It all depends on the use case.

[Nazim Zeeshan]

Thanks Nathan!

[Joel Krause]

Flex box for me. IE 11 support for Grid isn’t to crash hot so unfortunately we can’t use it on production sites.

[Nazim Zeeshan]

I see, thanks, Joel!