title: Responsive fluid property table html implementation
body: <p>I have property table that I need to look different for desktop and mobile applications.</p>
  <p>Desktop - 1 table:</p>
  <pre><code>         | Product1 | Product2
  Property | Value    | Value
  Property | Value    | Value
  </code></pre>
  <p>Mobile - 2 tables:</p>
  <pre><code>         | Product1
  Property | Value  
  Property | Value  
  </code></pre>
  <pre><code>         | Product2
  Property | Value   
  Property | Value   
  
  </code></pre>
  <p>All tables should be <code>width: 100%</code>. I'm looking for the solution to reuse the same html layout for both viewports, just change styles for different screen width.</p>
  <p>I tried flex box, but I'm not sure how to make cell heights to be the same for the first combined table. All cells should stretch if 1 cell have 2 lines of text.</p>
  <p>What is the best way? Thanks</p>