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 Keith F
Keith F
11,280 Points

Poor browser support for CSS grids and flexbox - how to lay out pages instead?

Hi folks,

Just wondering about browser support in general for CSS grids and flexbox.

I was getting quite excited about using them after going through the CSS deep dive but my browsers didn't like some aspects of the lessons when I tried coding into a web page myself.

caniuse.com suggests that grids are very poorly supported at the moment (9.65% global stats) at http://caniuse.com/css-grid It also says that full support for flexbox is only at 35.03% at http://caniuse.com/flexbox

My own difficulties notwithstanding as I have Vista which ie10 doesn't support, can someone point me to a teamtreehouse lesson where I learn to whip finished elements around the page and into a nicely-styled overall layout? The introductory Smells Like Bakin' course pulls a bit of a rabbit from the hat by throwing in a pre-made sheet.

And the CSS deep dive, which I thought was excellent in its own right, doesn't seem to address "putting it all together" manually.

Did I miss something?

Thanks.

Thanks.

3 Answers

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

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.

Keith F
Keith F
11,280 Points

Thanks James. I had no appreciation for the amount of work involved for the browser providers - it seems like one voluminous nightmare, but I guess that's a whole other topic.

....Back to trying to get my transitions to work tonight in FF's latest beta, :/

nik
nik
8,925 Points
nik
nik
8,925 Points

If you have not already, you should check out the projects "Building a simple website" and "Building a responsive website". Techniques like CSS reset and using stylesheets like normalize.css will help you when developing your own site and making sure it comes out the same on all browsers. Also other tools like the 960 grid and boostrap can help when your trying to work with grids and page layouts.

Keith F
Keith F
11,280 Points
Keith F
Keith F
11,280 Points

Thanks Nick.

Yes, been through the building a simple website adventure, should be starting on the responsive website one tomorrow.

I have the normalize.css saved and was looking at twitter bootstrap among other things last night - didn't even know it existed until yesterday shame.

I guess I'm probably guilty of trying to run before I can walk, but I have about eight websites that somehow I've decided need building now, after a decade of being pipedreams. :p

And just a quick mention to @Guil Hernandez (not sure if that's tagged him in, apologies if not): you've done a fantastic job of making this CSS malarky transparent. Thanks. :-)