Comments on: flex-direction https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Wed, 04 Aug 2021 15:08:18 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: blahblahblah https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1653995 Sat, 15 Dec 2018 18:06:34 +0000 http://css-tricks.com/?page_id=21092#comment-1653995 goodness! i can’t believe it’s already 2018 and i got this issue with an updated version of google chrome. Thanks so much Collin. this has saved my day!

]]>
By: Rishi Kumar https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1620256 Fri, 13 Apr 2018 06:02:05 +0000 http://css-tricks.com/?page_id=21092#comment-1620256 Hi Guys, even I ran into the same problem. After trying so many things, I encountered one solution which worked for me.
If you are using ‘flex-basis’ property, it will hamper the ‘flex-direction’.
If you can avoid using ‘flex-basis’, it will work.

]]>
By: Kanesha Patterson https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1613164 Sat, 18 Nov 2017 20:43:39 +0000 http://css-tricks.com/?page_id=21092#comment-1613164 I just wanted to say, Thank – You! You got me out of a rut. I tried fixing columns on a template that was using flexbox and instead, I used Bootstrap commands. Took me a few hours to figure it out. Thanks for the quick tip! <3

]]>
By: Khalil https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1602183 Tue, 14 Jun 2016 13:41:17 +0000 http://css-tricks.com/?page_id=21092#comment-1602183 Ayyy Colin came clutch

]]>
By: Natalia https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1601150 Mon, 25 Apr 2016 10:57:36 +0000 http://css-tricks.com/?page_id=21092#comment-1601150 In reply to Colin.

Wow Colin, life saver! SO much love!

]]>
By: Zach B https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1599361 Thu, 28 Jan 2016 16:17:21 +0000 http://css-tricks.com/?page_id=21092#comment-1599361 In reply to Colin.

You’re awesome Colin, this solved the exact problem that I was having.

]]>
By: Jose https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1597009 Fri, 18 Sep 2015 00:32:03 +0000 http://css-tricks.com/?page_id=21092#comment-1597009 Thanks Colin, your solution partly worked. I also drew from these two posts:
http://elikirkriser.com/flexbox-css-cross-browser-issues/
http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/

]]>
By: raunaqss https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1594110 Mon, 27 Apr 2015 17:53:11 +0000 http://css-tricks.com/?page_id=21092#comment-1594110 In reply to Colin.

I came to this article with the same this exact problem and found the solution in your comment. Thanks!

]]>
By: Bernardo https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1592417 Fri, 06 Feb 2015 13:00:01 +0000 http://css-tricks.com/?page_id=21092#comment-1592417 I usually don’t post in programming related blogs (only on StackOverflow) but Colin deservers my time: Thank you mate!

]]>
By: Web Dev Fan https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1592143 Mon, 26 Jan 2015 07:03:34 +0000 http://css-tricks.com/?page_id=21092#comment-1592143 Sources on CodePan is here

I’m trying to use flex box to fix footer at the bottom of viewport when page is smaller when a viewport. And with Colin’s advise nothing doesn’t work too. I was set body styles to

body {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-box-orient: vertical;
display: flex;
flex-direction: column;
min-height: 100vh;
}

and main container to

.cont {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}

Safari was amaze me.

Anyone know how to fix this?

]]>
By: Mango Web Design https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1591953 Fri, 16 Jan 2015 15:01:46 +0000 http://css-tricks.com/?page_id=21092#comment-1591953 This really helped. Thanks a bunch! As web developers, we really need to start using flex more often.

]]>
By: manu https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1587042 Wed, 26 Nov 2014 14:22:03 +0000 http://css-tricks.com/?page_id=21092#comment-1587042 In reply to manu.

Sorry, nope, did not work in Chrome after all..

]]>
By: manu https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1587039 Wed, 26 Nov 2014 13:41:58 +0000 http://css-tricks.com/?page_id=21092#comment-1587039 Dammit, thanks Colin! Fixed it for me in Chrome, too.

]]>
By: suzanna https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1586856 Fri, 21 Nov 2014 17:05:36 +0000 http://css-tricks.com/?page_id=21092#comment-1586856 Colin I think I love you!!!! You saved me :)))))

]]>
By: Yawnaa https://css-tricks.com/almanac/properties/f/flex-direction/#comment-1586490 Thu, 06 Nov 2014 20:20:13 +0000 http://css-tricks.com/?page_id=21092#comment-1586490 In reply to Colin.

Really really thank you Colin :D

]]>