Interesting method of using FlexBox; for someone whom has never used Flexbox 😊
Christopher From: Tom Livingston Sent: Monday, April 10, 2017 5:40 PM To: CSS Discussion Group Subject: Re: [css-d] Flexbox question On Mon, Apr 10, 2017 at 5:24 PM, Al Sparber <aspar...@roadrunner.com> 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/ ______________________________________________________________________ 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/
