title: Responsive Design to display List of Data
body: <p>I am trying to display a list of data in table on the desktop version of the website using tables. I want to condense the same for the mobile web. Should I use a separate block of html or can I convert the present tables for the mobile view.</p>
  
  <p><a href="http://play.mink7.com/h/startupsradar/pending.html" rel="nofollow noreferrer">http://play.mink7.com/h/startupsradar/pending.html</a></p>
  
  <p>I like the following list view on mobile</p>
  
  <p><img src="https://i.stack.imgur.com/cM07J.jpg" alt="enter image description here"></p>
  
  <p><strong>Update</strong>
  I modified the code according to the answers. Any idea how i can make the whole list as a whole as click-able as one block ?</p>