Угловой ChartJS с заголовком внутри плитки gridlist?

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 для адаптивного?