el texto no queda debajo de las imágenes como en el video. este es mi codigo
populares{
padding: 3rem 0;
}
.populares__card{
background: #fdfdfd;
display: grid;
grid-template-areas:
"card-image"
"card_base";
grid-template-columns: 100%;
}
.populares__card___imagen{
grid-area: card-image;
height: 100%;
width: 100%;
}
.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;
padding: .75rem;
}
.populares__card___descripcion{
display: flex;
flex-wrap: wrap;
grid-area: card-descripcion;
padding:1rem
}