Mystery spacing between 2 flex rows
Minimal reproducible code: https://codepen.io/ifigoinimightdie/pen/xxNeYxg
I have a simple flexbox with
Inspector indicates a purple region, which I think means the "shrink/grow" area. I tried setting
Any help appreciated!
I have a simple flexbox with
flex-wrap: wrap. My 1st flex child has width: 100%, so the 2nd flex child goes to a new row. Yet there's a TON of extra spacing between them that has nothing to do with padding and margin. I never set a row-gap either. Inspector indicates a purple region, which I think means the "shrink/grow" area. I tried setting
flex: 1 etc. nothing has worked. Full codepen here: Any help appreciated!
