Angular 5材料数据网格自动高度

Question

我需要根据儿童的身高自动设置数据网格的高度。我有2行2列，但是当我设置卡的高度时，例如在“ p”子级中输入looooong文本时，我只会得到隐藏的溢出。

理想情况下，行的高度取决于2个孩子的身高。 当前html：

<mat-grid-list cols="2" rowHeight="200px" gutterSize="30px">
                    <mat-grid-tile [colspan]="1" [rowspan]="1">
                        <div fxFlex="100%" fxLayout="row">
                            <div fxFlex="20%" fxLayoutAlign="center center">
                                <img [src]="src" [matTooltipPosition]="'above'"/>
                            </div>
                            <div  fxFlex="80%" fxLayout="column" fxLayoutAlign="center none">
                                <div>
                                    <div>MY LABEL</div>
                                    <p>loong description</p>
                                </div>
                                <div>
                                    <a>link</a>
                                </div>
                            </div>
                        </div>
                    </mat-grid-tile>
etc..

有什么想法吗？ 谢谢...