Tengo una cuadrícula en la que creo múltiples mat-cards a través de ngFor. Estas tarjetas de tapete contienen un botón, cada uno de los cuales expande la tarjeta en sí.

 .outerDiv{ display: grid; grid-template-columns: repeat(auto-fill, minmax(370px, 5fr)); grid-column-gap: 20px; align-items: stretch; } .innerMatCardContainer { box-shadow: 5px 5px 3px -3px var(--hailoDarkGray); border-radius: 2px; margin-bottom: 20px; justify-content: center; align-items: center; }

El problema es que si se expande una carta, todas las cartas de esa fila también se expanden.

¿Hay alguna manera de deshabilitar este comportamiento, para lograr una fila de tarjetas de tapete, cada una de las cuales puede tener un tamaño diferente?

Aquí hay un gráfico demostrativo del problema: