Flex-layout: fxLayoutAlign="space-between" ...Help?

[Kizmar]

I can't get "space-between" to work with my limited understanding of this framework. Can you provide an example of a column with two rows in it that have space between them (without setting a height)?

I ended up having to do something like this to get what I wanted:

<div fxLayout="column">
    <div fxLayout="row">
        <div fxFlex>
            <md-card>Test</md-card>
        </div>
    </div>
    <div fxFlex="20px"></div>
    <div fxLayout="row">
        <div fxFlex>
            <md-card>Test</md-card>
        </div>
        <div fxFlex="20px"></div>
        <div fxFlex>
            <md-card>Test</md-card>
        </div>
    </div>
    <div fxFlex="20px"></div>
</div>

[ThomasBurleson]

Please look at our online - Layout Children with fxLayoutAlign:

<div fxLayout="row" fxLayoutAlign="space-between center" >

[Kizmar]

@ThomasBurleson I have reviewed that, and it doesn't help because it doesn't show you how the child elements should be set up.

[ThomasBurleson]

Apologies that our demo "source view" is not yet ready. See the demo source here:

https://github.com/angular/flex-layout/blob/master/src/demo-app/app/docs-layout/layoutAlignment.demo.html#L7

If this does not help, please prepare a Plunkr with the issue OR post questions on the Gitter channel

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}