Height gets lost in css-grid at 1 fr?

Question

css

There is a footer component to

which the parent element adds grid-template-rows: 1fr;
After that it becomes too high, and the amount of written text does not adapt, etc. It looks like this:

This is only solved if you hardcode grid-template-rows: 150px for example. I need adaptive

Answer 1

This happens when there are 2 or more blocks one after the other, where one has content and the other has the same size according to the 1fr rule.
Check all your rules from here on out to see if there's an empty block anywhere that takes the size of the containing content.