So I'm not entirely sure what's going on here, behaving super weird, especially at super wide widths.
My expectation is that the space between the columns is FIXED at 140px. And the columns stretch and squash appropriately. When they get squished too much it goes to 1 column, this part seems right.
When in 2 columns I expect the left edge of the left column to align with the left edge of the event metadata. It does this until it gets too wide.
I expect the right edge of the right column to align with the right edge of "delete event". It only seems to do this relatively closely in 1 column layout.
I'm totally fine with a MAX WIDTH for the .sub-header & .content-container
But I don't see those atm.
So I'm not entirely sure what's going on here, behaving super weird, especially at super wide widths.
My expectation is that the space between the columns is FIXED at 140px. And the columns stretch and squash appropriately. When they get squished too much it goes to 1 column, this part seems right.
When in 2 columns I expect the left edge of the left column to align with the left edge of the event metadata. It does this until it gets too wide. I expect the right edge of the right column to align with the right edge of "delete event". It only seems to do this relatively closely in 1 column layout.
I'm totally fine with a MAX WIDTH for the .sub-header & .content-container But I don't see those atm.