Pine Custom Container Padding

pine-custom-container-padding.html

<table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tr>
    <td style="padding: 0 20px 0 0;">
      <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
        <tr>
          <td class="col col-sm-5" width="320" style="padding: 0 10px 0 0; vertical-align: middle;">
            <img src="https://picsum.photos/320/450?image=1011" alt="My image" width="320" style="max-width: 320px; width: 100%;">
          </td>
          <td class="col col-sm-7 py-sm-2" width="310" style="padding: 0 10px; font-weight: 300; vertical-align: middle;">
            <h2 style="font-weight: 400; margin: 0;">Article title</h2>
            <p style="color: #999999; font-size: 12px; font-weight: 400; margin: 0;">NOV 12<sup>th</sup>, 2017</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed pharetra neque, at interdum dolor.</p>
            <p class="hide-sm">Nulla quis nunc lacus. Integer fringilla blandit mi, id pharetra nisl. Etiam molestie orci mi, non commodo mauris dapibus sed.</p>
            <table bgcolor="#34BF49" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 3px;">
              <tr>
                <th>
                  <a href="http://thememountain.com" style="border: 0 solid #34BF49; color: #FFFFFF; display: inline-block; font-size: 13px; padding: 4px 20px; text-decoration: none;">Read more &rarr;</a>
                </th>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>