I'm trying to set up a page with 4 column grid and not sure how to do that when I am not using Bootstrap theme.
The problem with keeping the table is when the page is set to a narrow viewport, the table does not stack like a fluid grid would.
thanks for any help
<table width="100%">
<wpv-loop wrap="4" pad="true">
[wpv-item index=1]
<tr><td>[types field="book-cover" alt="book cover" title="book cover" class="medium book-cover"][/types]<h3>[wpv-post-link]</h3>[types field="subtitle" id="" class="attachment-full alignleft book-cover"][/types]
<div class="author"><b>By:</b><em> [types field="book-author" id="author"][/types]</em></div></td>
[wpv-item index=other]
<td>[types field="book-cover" alt="book cover" title="book cover" class="medium book-cover"][/types]<h3>[wpv-post-link]</h3>[types field="subtitle" id=""][/types]
<div class="author"><b>By:</b><em> [types field="book-author" id="author"][/types]</em></div></td>
[wpv-item index=4]
<td>[types field="book-cover" alt="book cover" title="book cover" class="medium book-cover"][/types]<h3>[wpv-post-link]</h3>[types field="subtitle" id=""][/types]
<div class="author"><b>By:</b><em> [types field="book-author" id="author"][/types]</em></div></td></tr>
[wpv-item index=pad]
<td>[types field="book-cover" alt="book cover" title="book cover" class="medium book-cover"][/types]<h3>[wpv-post-link]</h3>[types field="subtitle" id=""][/types]
<div class="author"><b>By:</b><em> [types field="book-author" id="author"][/types]</em></div></td>
[wpv-item index=pad-last]
<td></td></tr>
</wpv-loop>
</table>