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 Michael Trilford
Michael Trilford
7,232 Points

Anyone else in love with the calc property?

Easily have a mixture of fixed & fluid width columns.

http://codepen.io/trilm/pen/fieqr

3 Answers

Kevin Korte
Kevin Korte
28,149 Points

Have not used it much, for some reason I thought it lacked good support. It is actually quite well supported by browsers except for the infamous legacy IE browsers if those were still needing support, and opera mini.

Nice example

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

Flexbox is awesome for the same reason and not usable in production for the same reason those 20% to 25% of your potential audience because you can't gracefully degrade your layout is a faustian deal.

Michael Trilford
Michael Trilford
7,232 Points
Michael Trilford
Michael Trilford
7,232 Points

Can we not just use modernizr ( .css-calc ) to have fallbacks ( If we think it is essential? )

IE6, IE7 and IE8 is fine, as they don't support media queries. The way I structure my CSS is mobile first, so those browsers just get a stacked layout.

I haven't encountered a big problem just yet through my usage and testing across the board. ( Mac & PC browsers )

Mike.