title: HTML Table that will change
body: <p>I am having trouble with replicating this.
  Im trying to make a table that changes based on the window size. When the window is large I want the table to look like the &quot;large screen&quot; graphic, and when the window is small I want the table to look like the &quot;small screen&quot; graphic.</p>
  <p>[![enter image description here][1]][1]</p>
  <p>What I have right now is this. When the window is large I have the desired layout.
  [![enter image description here][2]][2]</p>
  <p>When I make the preview window smaller, my table collapses into one column instead of looking like how I want it to look like. IT should loook like the &quot;small screen&quot; graphic on the screenshot above.
  [![enter image description here][3]][3]</p>