Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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
216,017 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,485 Points

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