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

Posted by Kyle Ferretti
Kyle Ferretti
3,757 Points

Flexbox and Grid based systems

So I just finished the Flexbox section of CSS - and I gotta ask. Are people using this over grid based CSS? Are they looking to set this up as a replacement? Or will they be going hand in hand?

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

My 2 cents - Currently using Flexbox in production is a bit like building on sand so in a few years or two the browser support will probably be firmed up for it.

Kyle Ferretti
Kyle Ferretti
3,757 Points

So it seems, as it stands, that a grid based system is more recommended as of now. But Flexbox will end up being the better route in the future once more support comes out for it. Or, as Drew said, they will go hand in hand down the line. But that is probably down the line. I will have to spend more time learning grid based systems.

2 Answers

John Locke
John Locke
15,479 Points
John Locke
John Locke
15,479 Points

Flexbox will be a universal solution in the future, but you always have to consider the browser support for your layout.

Drew Butcher
Drew Butcher
33,160 Points
Drew Butcher
Drew Butcher
33,160 Points

When I watch the CSS foundations series I too had the same question, and after going through the "smells like Bakin'" Project I came to the following conclusion: Presently, I think both have merit and can be used simultaneously. I would use Flex box for something like a navigation bar as it will make the responsive aspect of the project nice when defining where to break the page with media queries. At the same time the grid layout is a really nice backbone structure to have (I like to take the image created by gridulator and position it absolutely on the page with an opacity so that it acts like a transparent background for guide lines) when designing and building. For what it is worth this is my 2 cents :) Best Drew Butcher