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. > > > > > > On Sat, Mar 2, 2019 at 8:01 AM Wade Smart <wadesm...@gmail.com> wrote: > > > > > Crap.. sorry, didnt reply to the group. > > > > > > Check out the Order property. > > > > > > https://developer.mozilla.org/en-US/docs/Web/CSS/order > > > > > > > -- > > > > 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/ ______________________________________________________________________ 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/
