Answers for "css grid how to make small row"

css grid full width row

.child-item {
  grid-column: 1 / -1;
}

grid rows css

/*creates 4 equal responsive rows in the availabe space of the css grid*/

grid-template rows: repeat(4, 1fr);

/*creates 3 different sized responsive rows. 3fr is 3x the size of 1fr */

grid-template rows: (1fr, 2fr, 3fr);