Newbie needing some help.
How do I keep a div, meant to fill the height of a dynamically sized container, at a fixed aspect-ratio.
I have a first, full-page grid set to 1 2 6 and 2 fr rows, 1 column.
I'm now creating 5 boxes within the first 1fr row. I have started by setting this as a grid of repeat(5, 1fr). I have now set up the 5 boxes as aspect-ratio:1. But I cannot stop them from stretching the height of the 1fr row once they fill the height of it.
I wish for them to max out the height of the row but then stop and gain spacing between instead.
Has the mention of space-between answered my question? Flexbox instead?