Angular Material 6 grid list align-items and justification-content to flex-start

Question

J'essaie d'utiliser Angular Material 6 Dynamic grid-list. L'exemple relatif à la documentation place le contenu de la grille au centre de chaque tuile. Voir l'exemple ici =

Je veux que le contenu aille dans le coin supérieur gauche de chaque tuile.

J'ai essayé le CSS suivant qui ne fonctionne pas.

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

Answer 1

Mettez styles.css:

DÉMO

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