is it good to create a website layout using 'grid'?

Question

I just learned about 'grid', for website layout (header, main, aside, footer) is it good to use grid?

Answer 1

so the point is for now the grid is not support in some browsers and while I can use float or flexbox right... :D

Answer 2

I would suggest flexbox (display:flex;) or table-family behavior (display:table; display:table-row; display:table-cell; and so on... rather than <table> elements, which are semanticaly not well suited for layouting), but I unadvice to use float, as that's not the first purpose to handle layouting, but to get text content wrapping the floating element... trying to use it for layouting is really hard to master and should be considered as tricky hack ^^
https://developer.mozilla.org/en-US/docs/Web/CSS/float

Answer 3

No, its not enough widely supported actually... but it's a good idea to start experimenting using it, because it would becomes more supported in close future...

Anyway, actually 'flex' is still widely supported and have great useful power to design advanced layout, and is a good first and complementary step toward 'grid' ;)

Answer 4

Around 85% of modern browsers support CSS grid, IE (11) is included, but it is only partial support and you have to use -ms- prefix.
https://caniuse.com/#feat=css-grid

Some of the companies around here, that are looking to hire front-end developers, state that it would be great if the future employee is familiar with CSS grid layout, while bootstrap/foundation/materialize are in "don't even mention you know those" area.

So, I would say it is, as it can make your life as a front-end web developer a lot easier, but it is one of those things that are good to know, but not exactly a necessity...