Angular ChartJS的标题位于网格列表磁贴中？

Question

我正在尝试在整个页面中包含两个图形，两个图块，并且每当它在移动设备上运行时，它们之间就会相互重叠。

每张图上面都会有一个标题，但目前就是我所拥有的：

我无法在图块内部制作2行，就像使图形位于标题下方。

<mat-grid-list [cols]="breakpoint" rowHeight="2:1" (window:resize)="onResize($event)">
    <mat-grid-tile>   
        <h1 style="display: block;">Test Title</h1>
        <canvas id="chart-players">{{ chart }}</canvas>
    </mat-grid-tile>
    <mat-grid-tile>
            test
    </mat-grid-tile>
</mat-grid-list>

如果我把整个东西都放在网格列表之外，它将相互兼容，但是我需要网格列表提供的责任。

我还可以使用angular进行响应吗？