El problema lo tengo en el css de populares.css. No encuentro el error si es que lo tengo. Ya agregué el archivo al head de html. Hasta acá no queda igual a como le queda al instructor. El problema empezó cuando agregué .populares_card_descripcion. Ahí empezó a quedar diferente. Me podrían ayudar? Gracias!
.populares{
padding: 3rem 0;
}
populares__card{
background: #fdfdfd;
display: grid;
grid-template-areas:
"card-imagen"
"card-base";
grid-template-columns: 100%;
grid-template-rows: 173px auto;
margin-right: 1rem;
width: calc(20% - 1rem);
}
.populares__card___imagen{
grid-area: card-imagen;
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 0rem;
}
.populares__contenido{
display: flex;
flex-wrap: wrap;
grid-area: contenido ;
padding: 1rem 0rem;
# }