Subgrid row min height effected by parent row gap
Hi everyone, I have been getting to know subgrid, by setting up some cards. I have a date field in its own row, as it is a single line and the font is small, depending where it is in the order on the card, it takes the height of the parent row gap, even when this is over ridden with a gap of zero on the subgrid. So my parent row gap is 2rem, and my subgrid for now is a gap of zero, my font for the date field is 1rem, i get 1rem of white space under it. If I switch off the parent gap or set it to 0, then the row in the subgrid takes the height of the content. If the content of the row is greater then the row gap, this is not an issue. If the item is the last item in the row, it is also not effected buy this even if the content is less than the parent row gap. You can see this here https://codepen.io/tonkotsuboy/pen/LYexpZp. If you move the UL up to above the paragraph on each card, the issue presents itself, but when its the last item its fine. I think this is a bug with subgrid, but would greatly appreciate some other POVs as i would love to use subgrid, but right now this is a block. If anyone else has seen this and overcome it, i would love to know how too. Thanks
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
