Comments on: flex

By: Geoff Graham

Geoff Graham — Tue, 20 Feb 2018 21:35:40 +0000

In reply to carlos. I think that's a simple typo and bit was the intended word.

.header,
.footer  { flex: 1 100%; }
.sidebar { flex: 1; }
.main    { flex: 2; }

By: carlos

carlos — Tue, 20 Feb 2018 20:52:15 +0000

blockquote> Here is the revelant bites of code:

What is a “bite” of code?

By: Uzman

Uzman — Thu, 25 May 2017 22:40:42 +0000

In reply to Emily. Yes, it might have been a mistake....

By: Manu

Manu — Mon, 13 Feb 2017 21:50:58 +0000

What if:
flex: 1 auto;
instead of
flex: 1; /* flex: 1 1 0; */
I cannot understand how flex-shrink: auto works

By: Emily

Emily — Thu, 06 Oct 2016 17:59:14 +0000

In the following code snippet

/* and it leaves the flex-shrink property alone, which would be / flex-grow: inherit; / defaults to 1 */

shouldn’t flex-grow be flex-shrink?

By: chitra

chitra — Wed, 22 Jun 2016 03:45:30 +0000

Just want to know is the flex box affecting the bootstrap columns Structure?

By: dverso

dverso — Tue, 19 Jan 2016 01:37:52 +0000

This is not working on FF 43 for Mac. Fine at full width, but Main is fluid while sidebars remain fixed at original width until break point. At break, fixed width left sidebar and fluid Main fill a row while right sidebar steals the entire next row.

By: Dayat

Dayat — Tue, 15 Dec 2015 08:57:10 +0000

Flex wrap in safari browser not already support. .
This issues for me

By: Dan Allen

Dan Allen — Sun, 26 Apr 2015 08:40:25 +0000

Does the flex box affect the bootstrap columns breaking into stacks?

By: Yotam

Yotam — Tue, 24 Feb 2015 13:34:38 +0000

Great writeup! Also, note that if you need to support older browsers and don't have the luxury of flex (ie8,ie9) take a look at Ben Frains styling with tables.

By: Robert

Robert — Sat, 22 Nov 2014 11:44:51 +0000

Today it works great on (tested on Redmond OS): IE 11; FF 33.1; Chrome 39 and Opera 26.

Only Safari is not wrapping content, making it a horizontal mess, generally it looks unprofessional and not good on that browser. Too bad cause it’s one of the biggest things in CSS.

By: Andres Mrad

Andres Mrad — Mon, 10 Mar 2014 14:34:08 +0000

As much as i would love for this property to work on every browser (as it seems to help so much at making web site design flexible no pun intended) it seems like it doesn't work on any browser other than chrome and firefox, i have tired the abode pen on EI 10 and opera and safari but it just wont work it just display 4 columns that are not even wrapping their content in any way.