title: Mobile Friendly Alternative to Tables?
body: <p>I'm learning HTML/CSS and I want to rewrite the site listed below (currently made with Windows Excel) to something custom written by me. The problem is that working with tables is kind of tough going mobile friendly. I haven't gotten' into Javascript yet (soon) but is there a CSS way to take care of this?</p>
  
  <p>Site I want to change: <a href="http://libertyresourcedirectory.com/d/home.html" rel="nofollow">http://libertyresourcedirectory.com/d/home.html</a></p>
  
  <p>For this site: <a href="http://eglove.github.io/" rel="nofollow">http://eglove.github.io/</a> I use @media screen only max-width 1024px and 728px to give an automatic "tablet" and "mobile" version. Doing it with the LRD site would not break up the tables properly.</p>
  
  <p>Thanks in advance for any answers! :)</p>