Re: [css-d] Flexbox question

2017-04-10 Thread Karl DeSaulniers 
Hey Tom,
Can you create a blank one that fills in for the third that you can then space 
from?

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com




> On Apr 10, 2017, at 3:01 PM, Tom Livingston  wrote:
> 
> List,
> 
> I haven't used flex at all basically, but have an opportunity to.
> 
> I have rows of 3 items. I would like them evenly spaced, but if the last
> row has only 2 items, I'd like the same amount of space between but I want
> them aligned to the left (like text-align:left). I can't seem to get this.
> Is it possible? I've gotten close, but last two items are far left and far
> right.
> 
> Thanks!
> 
> 
> 
> -- 
> 
> Tom Livingston | Senior Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
> 
> 
> #663399
> __
> css-discuss [css-d@lists.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@lists.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/

Re: [css-d] Flexbox question

2017-04-10 Thread Tom Livingston 
Hmm. A bit hack-y, but interesting thought. I'll tuck that away. ;-)

On Mon, Apr 10, 2017 at 4:37 PM, Karl DeSaulniers 
wrote:

> Hey Tom,
> Can you create a blank one that fills in for the third that you can then
> space from?
>
> Best,
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
>
>
>
>
> > On Apr 10, 2017, at 3:01 PM, Tom Livingston  wrote:
> >
> > List,
> >
> > I haven't used flex at all basically, but have an opportunity to.
> >
> > I have rows of 3 items. I would like them evenly spaced, but if the last
> > row has only 2 items, I'd like the same amount of space between but I
> want
> > them aligned to the left (like text-align:left). I can't seem to get
> this.
> > Is it possible? I've gotten close, but last two items are far left and
> far
> > right.
> >
> > Thanks!
> >
> >
> >
> > --
> >
> > Tom Livingston | Senior Front End Developer | Media Logic |
> > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
> >
> >
> > #663399
> > __
> > css-discuss [css-d@lists.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@lists.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/




-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.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-d] Flexbox question

2017-04-10 Thread Tom Livingston 
List,

I haven't used flex at all basically, but have an opportunity to.

I have rows of 3 items. I would like them evenly spaced, but if the last
row has only 2 items, I'd like the same amount of space between but I want
them aligned to the left (like text-align:left). I can't seem to get this.
Is it possible? I've gotten close, but last two items are far left and far
right.

Thanks!



-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.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/

Re: [css-d] Flexbox question

2017-04-10 Thread Al Sparber 

See if you can work with this:
http://www.projectseven.com/csslab/flexbox/tom-cssd/
It's all in the head.




This looks good. I think I might be able to run with this. Thanks Al.

Seems like the key to what I was after was  flex-direction: column (as
opposed to row) - to keep the last two items to the left.


Actually, it's a combination of "grow" being set to zero and the 
flex-basis (suggested width). The default position for a flexbox element 
is left. Study up on inline-flex too as that opens the door to vertical 
positioning options.



Thanks again.


NP.

__
css-discuss [css-d@lists.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/

Re: [css-d] Flexbox question

2017-04-10 Thread Tom Livingston 
On Mon, Apr 10, 2017 at 5:24 PM, Al Sparber  wrote:

> On 4/10/2017 4:01 PM, Tom Livingston wrote:
>
>> List,
>>
>> I haven't used flex at all basically, but have an opportunity to.
>>
>> I have rows of 3 items. I would like them evenly spaced, but if the last
>> row has only 2 items, I'd like the same amount of space between but I want
>> them aligned to the left (like text-align:left). I can't seem to get this.
>> Is it possible? I've gotten close, but last two items are far left and far
>> right.
>>
>
> See if you can work with this:
> http://www.projectseven.com/csslab/flexbox/tom-cssd/
> It's all in the head.
>
>

This looks good. I think I might be able to run with this. Thanks Al.

Seems like the key to what I was after was  flex-direction: column (as
opposed to row) - to keep the last two items to the left.

Thanks again.


-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.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/

Re: [css-d] Flexbox question

2017-04-10 Thread Al Sparber 

On 4/10/2017 4:01 PM, Tom Livingston wrote:

List,

I haven't used flex at all basically, but have an opportunity to.

I have rows of 3 items. I would like them evenly spaced, but if the last
row has only 2 items, I'd like the same amount of space between but I want
them aligned to the left (like text-align:left). I can't seem to get this.
Is it possible? I've gotten close, but last two items are far left and far
right.


See if you can work with this:
http://www.projectseven.com/csslab/flexbox/tom-cssd/
It's all in the head.

__
css-discuss [css-d@lists.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/