To create this pattern:
- Create a table of two (or more) columns and the desired number of rows. (Do not use table headers.)
- Clear out any widths or borders for your table.
- Using the style dropdown, give your table the style of "responsive2."
- Populate your table with the desired content.
- Add the following style block to the source to remove the borders:
<style type="text/css">table.responsive2 td {border:none !important;}</style> - For images, use files with the same pixel dimensions to retain the clean grid pattern.
- For videos, enclose the iFrame in a div with the class "video-container." (If your table with videos has empty cells, fill the cell with an empty iFrame.)
<div class="video-container"><iframe></iframe></div> - For text, set your table cell properties to vertical align top.
Examples provided.