In the past I used it only for equal heights only but there is a great deal I am learning about. It is a very powerful tool. You do have to be careful for older browsers and have a fall back for those.
This link has been very helpful for me https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Nancy On Sat, Apr 22, 2017 at 2:10 AM, <crestchristop...@gmail.com> wrote: > 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/ ______________________________________________________________________ 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/
