.populares__card___base{ display: grid; grid-area: card-base; grid-row-gap: .5rem; grid-template-rows: "card-header" "card-descripcion" grid-template-rows: 50px auto; ----- esta linea no la marca y no acata las instrucciones padding: .75rem }
.populares__card___base{ display: grid; grid-area: card-base; grid-row-gap: .5rem; grid-template-rows: "card-header" "card-descripcion" grid-template-rows: 50px auto; ----- esta linea no la marca y no acata las instrucciones padding: .75rem }
Hola Bernal
El problema que tienes es que en vez de poner grid-template-areas
, colocaste grid-template-rows
Este es mi código para que lo puedas copiar y solucionar tu problema.
.populares__card___base {
display: grid;
grid-area: card-base;
grid-row-gap: .5rem;
grid-template-areas:
"card-header"
"card-descripcion";
grid-template-rows: 50px auto;
padding: .75rem;
}