I need to create a grid container with an unknown number of rows – so that all but the last row occupy the height of the content, and the last row (regardless of the height of the content) occupies the remaining height of the grid container.

I’ve been trying to do:

.grid-container {
  display: grid;
  grid-template-rows: repeat(auto-fill, min-content) 1fr;
  height: 50%;
}

grid-template-rows: repeat(auto-fill, min-content) 1fr; – but its not valid code
I don’t know how to solve this problem, help please and thanks advance/