Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Techniques Grid Layout Understanding Grids

Ivana Lescesen
Ivana Lescesen
19,442 Points

Is the Grid layout system supported by browsers?

Is the grid system show in videos the same as here. https://www.w3.org/TR/css3-grid-layout/

Should i use flexbox or grid?

Thank you :)

2 Answers

Steven Parker
Steven Parker
229,732 Points

:point_right: According to Can I Use? CSS grids have almost no support yet. On the other hand, flexbox is very well supported. So flexbox is the smart choice for now.

:information_source: Can I Use? is a very good resource to become familiar with.

caroline
caroline
6,974 Points

It's confusing, but in this video Guil isn't referring to the new Grid Layout system that Ivana links to, and that Can I Use is talking about here.

The grid layout that Guil refers to in these videos is just a way describing the use of the standard CSS width property to set the width of columns, and then using these column widths to lay out elements in the page. Browser support is fine for what Guil is covering in these videos.

It's just unfortunate that the terminology is confusing, and that both methods use the word 'grid' as a description. They are not the same!

CSS Tricks covers the new Grid Layout system in more detail here (just to repeat - this is NOT what Guil is covering in these videos!).

Cindy Lea
PLUS
Cindy Lea
Courses Plus Student 6,497 Points

Im not sure about grid, but flexbot isnt supported by all the browsers yet.