173px en .populares__card

Estoy en aprendizaje, y el profesor no explica de donde saca que el grid-template-rows va a tener una medida de 173px, pregunta tonta? o sucede por algo? .populares__card{ display: grid; background: #fdfdfd; grid-template-areas: "card-imagen" "card-base"; /se definen las dos áreas definidas: imagen y contenido/ grid-template-columns: 100%; grid-template-rows: 173px auto; 173px??? margin-right: 1rem; width:calc(20% - 1rem); /siempre colocar los cálculos alejados del signo de operación o sino no la realiza/ }

la otra pregunta es, en la clase .populares__contenido el profesor define área: contenido, tampoco entendí .populares__contenido{ display: flex; flex-wrap: wrap; grid-area: contenido; // acá sólo define el área y ya? no entendi! padding: 1rem 0rem; }