Spanning n number of rows takes up space
I'm working on a form layout using CSS Grid, and I've encountered an issue where there's unexpected additional space at the bottom of my grid layout. Despite there being no elements explicitly placed in the third row, the space persists. I've attached a screenshot for reference.
I know I can remove it by changing from row-span-3 to row-span-2 but I need it to stay at span-3. If I make it conditional if there is an error then row-span-3 if there is no error then span 2, but it gets bugged if the field next to it has an element in the third row.
Could anyone help me identify the cause of this extra space and suggest how to remove it? Your insights would be greatly appreciated!
Thank you!
I know I can remove it by changing from row-span-3 to row-span-2 but I need it to stay at span-3. If I make it conditional if there is an error then row-span-3 if there is no error then span 2, but it gets bugged if the field next to it has an element in the third row.
Could anyone help me identify the cause of this extra space and suggest how to remove it? Your insights would be greatly appreciated!
Thank you!
