Comments on: flex https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Fri, 30 Sep 2022 15:34:30 +0000 hourly 1 https://wordpress.org/?v=6.6.1 By: Geoff Graham https://css-tricks.com/almanac/properties/f/flex/#comment-1616284 Tue, 20 Feb 2018 21:35:40 +0000 http://css-tricks.com/?page_id=13976#comment-1616284 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 https://css-tricks.com/almanac/properties/f/flex/#comment-1616282 Tue, 20 Feb 2018 20:52:15 +0000 http://css-tricks.com/?page_id=13976#comment-1616282 <

blockquote> Here is the revelant bites of code:

What is a “bite” of code?

]]> By: Uzman https://css-tricks.com/almanac/properties/f/flex/#comment-1608800 Thu, 25 May 2017 22:40:42 +0000 http://css-tricks.com/?page_id=13976#comment-1608800 In reply to Emily.

Yes, it might have been a mistake….

]]> By: Manu https://css-tricks.com/almanac/properties/f/flex/#comment-1606703 Mon, 13 Feb 2017 21:50:58 +0000 http://css-tricks.com/?page_id=13976#comment-1606703 What if:
flex: 1 auto;
instead of
flex: 1; /* flex: 1 1 0; */
I cannot understand how flex-shrink: auto works

]]> By: Emily https://css-tricks.com/almanac/properties/f/flex/#comment-1604469 Thu, 06 Oct 2016 17:59:14 +0000 http://css-tricks.com/?page_id=13976#comment-1604469 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 https://css-tricks.com/almanac/properties/f/flex/#comment-1602359 Wed, 22 Jun 2016 03:45:30 +0000 http://css-tricks.com/?page_id=13976#comment-1602359 Just want to know is the flex box affecting the bootstrap columns Structure?

]]> By: dverso https://css-tricks.com/almanac/properties/f/flex/#comment-1599177 Tue, 19 Jan 2016 01:37:52 +0000 http://css-tricks.com/?page_id=13976#comment-1599177 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 https://css-tricks.com/almanac/properties/f/flex/#comment-1598571 Tue, 15 Dec 2015 08:57:10 +0000 http://css-tricks.com/?page_id=13976#comment-1598571 Flex wrap in safari browser not already support. .
This issues for me

]]> By: Dan Allen https://css-tricks.com/almanac/properties/f/flex/#comment-1594089 Sun, 26 Apr 2015 08:40:25 +0000 http://css-tricks.com/?page_id=13976#comment-1594089 Does the flex box affect the bootstrap columns breaking into stacks?

]]> By: Yotam https://css-tricks.com/almanac/properties/f/flex/#comment-1592733 Tue, 24 Feb 2015 13:34:38 +0000 http://css-tricks.com/?page_id=13976#comment-1592733 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 https://css-tricks.com/almanac/properties/f/flex/#comment-1586876 Sat, 22 Nov 2014 11:44:51 +0000 http://css-tricks.com/?page_id=13976#comment-1586876 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 https://css-tricks.com/almanac/properties/f/flex/#comment-1299145 Mon, 10 Mar 2014 14:34:08 +0000 http://css-tricks.com/?page_id=13976#comment-1299145 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.

]]>