Angular Material 6グリッドリストalign-itemsおよびjustify-content to flex-start

Question

Angular Material 6 Dynamic grid-list。ドキュメントに関連する例では、グリッドの内容を各タイルの中央に配置します。例を参照してください。 here =

コンテンツを各タイルの左上隅に配置します。

動作しない次のcssを試しました。

.mat-grid-tile .mat-figure {
   justify-content: flex-start;
   align-items: flex-start;
}

Answer 1

styles.css：

[〜＃〜] demo [〜＃〜]

.mat-grid-tile .mat-figure {
   justify-content: flex-start !important ;
   align-items: flex-start !important;
}