grid minmax the f...?
I want something very simple I think...
2 rows, 2 columns, left column spans both rows, right upper should be auto height but 50% max (that's the problem), right lower should take up the rest.
When I do grid-template-rows: auto 1fr; the first row is only as big as it needs to, but when I try minmax(0,50%) 1fr; (or any other combination of units I can think of) the first row is always 50%. Why? How can I get the auto height behavior of the first row but with 50% max?
4 Replies
As far as I know
fr gets computed last, so only the remaining space gets distributed to it. So your first column would try to get 100%, but gets limited to 50%. It would need a reason to shrink below that 50%. Maybe in combination with auto?ok, that fr get's calculated last answers the question as to why, but how can I actually make it work?
I guess the idea is simple but not simple to solve with grid 😦
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
So I guess that's not possible then? I need to write that on my CSS houdini layout todo then... Something easy that should be possible and I'm certainly not the only one eho needs that from time to time 🙂