I think you’re right @Paulie_D, it started off with good intentions but along the way I got lost and was almost trying to reverse engineer it.
I really like that approach, and it seems simple when you put it that way!
The only issue I can see is aligning the expanded content with that above it. Not a problem with the text but the ‘loops’ and ‘edits’ should display below their headings – I guess that’s why I got so obsessed with the colspan idea.
I’m thinking there’s not really away around this though without setting percentage widths on each section?
As I need to support IE8+9, I suppose this would solve the issue of it working in those older browsers without needing a separate fallback? Though the pros for using
flex, the centring and the justify-content/space-between is pretty priceless!