The only way, so far, that I've been able to get close was using flex-direction: column; and assigning a fixed height to the parent causing the children to wrap, which is not something I want to do for obvious reasons. Fixed heights are rarely a good idea.
On Mon, Mar 4, 2019 at 11:48 AM Wade Smart <wadesm...@gmail.com> wrote: > As your page grows from mobile to desktop you would assign > your 2nd column order and grow properties. 2 would either > grow at a expanded rate constantly pushing the column out > to the side or be a constant. > > You could also tackle this in a totally different way: > with your php code (or whatever logic you are using) > the css for mobile is one code but at desktop you load > in a different css file. Now you can code your column as you like. > -- > Registered Linux User: #480675 > Registered Linux Machine: #408606 > Linux since June 2005 > > On Mon, Mar 4, 2019 at 10:40 AM Wade Smart <wadesm...@gmail.com> wrote: > > > > flex grow. > > -- > > Registered Linux User: #480675 > > Registered Linux Machine: #408606 > > Linux since June 2005 > > > > On Mon, Mar 4, 2019 at 10:30 AM Tom Livingston <tom...@gmail.com> wrote: > > > > > > I'm good on using the order property, my issue is how I can get 3 divs > to > > > go from 1 stacked column to 2 columns on desktop. Can I do that with > flex? > > > > > > 1 > > > 2 > > > 3 > > > > > > becomes: > > > > > > 2 1 > > > 3 > > > > > > 2 being it's own column, 1 and 3 stacking in a second column. > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ css-discuss [css-d@css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
