title: Responsive table with equal width and height TDs
body: <p>How can I create a responsive HTML table that each cell/TD has equal width and height? So when I resize the browser window or resize the table's container, the table will resize, but each cell will have equal height and width.</p>
  
  <p>Foundation doesn't take care of that. When I initialize the TD with fixed width and height in pixels, when resize the width of the browser, it shrinks the td horizontally, but doesn't keep the same aspect ratio.</p>
  
  <p>I am using Foundation as my my base responsive framework.</p>