title: Table with variable number of columns in CSS
body: <p>As an example, this is how it would look on desktop</p>
  
  <p><img src="https://i.stack.imgur.com/rn4KU.png" alt="enter image description here"></p>
  
  <p>and on mobile</p>
  
  <p><img src="https://i.stack.imgur.com/V8GyC.png" alt="enter image description here"></p>
  
  <p>I know I can do this with JS by modifying the structure of the table, but I haven't been able to find a CSS solution with minimal JS.</p>