This is what it looks like in Gmail:

And this is what it looks in Outlook:

I'm trying to get the Outlook's table cell that contains text to look identical (if possible) as the equivalent table cell in Gmail. And I did noticed the table cell height is slightly different than the others in Gmail, but I believed that is an easier fix than in Outlook.

Right now, I'm just concentrating on getting the Outlook table cell to have at least some min-height applied, and the min-width set so the other table cells doesn't spill over because of a lot of empty spaces.

This following code snippet for the table cells uses the "stack-push" method that involves using <th> to work with dynamic stacking based on the width (for desktop and mobile):

<th class="stack" style="padding: 0px; width: 50%; padding-right: 8px;">
      <table class="push" border="0" cellspacing="1" cellpadding="9" align="center" style="background:#f3f3f3;font-family:Arial;">
        <tr>
          <td width="140" height="150" style="vertical-align:top; text-align:center; padding: 8px;padding-bottom: 0px;">
            <table border=1 cellspacing=0 cellpadding=0 height="145" style="width:100%;background:white;border:solid #E1E1E1 1.0pt;height:145px;margin:auto;">
              <tr>
                <td class="yahoo_height_logo" style="border:none;padding:0in 0in 0in 0in;height:66px;text-align:center;">
                  <a href="http://click.news.befrugal.com/?qs=6c6636c202acb6c8537ae766bf78d0da413b8386e892fb6b660d6715576283715e9947ad37b9ee0b" target="_blank" style="text-decoration: none;">
                    <span style="text-decoration:none;">
                      <img border=0 width=115 src="http://d2z2x9m6jf98op.cloudfront.net/Large/walgreens.jpg">
                    </span>
                  </a>
                </td>
              </tr>
              <tr>
                <td class="yahoo_height_table" style="border:none;background:#F1F9FF;padding:0in 0in 0in 0in;height:78px;">
                  <table border=0 cellspacing=0 cellpadding=0 height="60" style="width: 100%;">
                    <tr>
                      <td class="yahoo_height_cashback" valign="bottom" style="padding:0px;height:40px;text-align:center;font-size:15px;font-family: Arial;">
                        <b style="font-weight:600;">
                          <span class="iphone_grid_font_size" style="font-size:15px;font-family: Arial; vertical-align: bottom;">
                            <a href="http://click.news.befrugal.com/?qs=6c6636c202acb6c8537ae766bf78d0da413b8386e892fb6b660d6715576283715e9947ad37b9ee0b" target="_blank" style="text-decoration: none;">
                              <span style="font-size:9.0pt;color:#79BC1F;font-weight:normal;text-decoration:none;">up to</span>
                              <span style="color:#79BC1F;text-decoration:none;">
                                <br>10% Cash&nbsp;Back</span>
                            </a>
                          </span>
                        </b>
                      </td>
                    </tr>
                    <tr>
                      <td class="yahoo_height_percent" style="padding:0in 0in 0in 0in;height:20px;text-align:center;">
                        <span style="font-size:12px;font-family: Arial;height:20px;">
                          <a href="http://click.news.befrugal.com/?qs=6c6636c202acb6c8537ae766bf78d0da413b8386e892fb6b660d6715576283715e9947ad37b9ee0b" target="_blank" style="text-decoration: none;">
                            <span style="color:#B5B5B5;text-decoration:none;">was&nbsp;Up to 8%</span>
                          </a>
                        </span>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
          <td width="140" height="150" style="vertical-align:top; text-align:center; padding: 8px;padding-bottom: 0px;">
            <table border=1 cellspacing=0 cellpadding=0 height="150" style="width:100%;background:white;border:solid #E1E1E1 1.0pt;height:150px;margin:auto;">
              <tr>
                <td style="background:white;border:solid #E1E1E1 1.0pt;text-align: center; width: 100%;">
                  <p style="text-align: center; font-size:18px; font-family: Arial; width:100%; margin: auto;">
                    <a href="http://email.befrugal.com/wf/click?upn=q7m-2BnhNujT5eVuGS7PWPb8Yyds8apRl-2BgRGyWbaRkcEbRH52ESiGIUsuXZah3IFXz3q2mooZuripN3yrtGdjr3RArp-2FAtMAzz0rgJUAG1UOIUF7-2F6K2xB1zXibSjO8zMC-2Bh7El9IFJ8OqpdFoYX2mGQeRvEEY3eh5Sn5NgQRDWU9z9spE4GffZApJe2Hf7or7mYX06PvpKzO1gm6ifJvUxe6RoDzDWYKwbg5pOc3wH3tFFsHy9mFaujK5AFHf6SdspuLZdJyyfmo3JR9ltUpiseq840ngdN8sjMuw7ZeZ2WFI2Dio8tZopWL6yTBIDE6_EsmshE9iCY2WvsIT-2FoM5QefnuCMvnfegpXmpzBoUAfitqHTgwfZEDr7Q0UUWZjN-2BcaPgFfyCfay6LTjsiFdpWINTdQzzqAXOVGYjW11Pjdz2APcaaFqcoGgF1pS-2BZphAR7bYMLGCfN8mdcOJnT-2BEry-2BWnNhM3qwrxVxIfQbaqNFsYLOMyrms6HZZ7hlH41GMIHAqy4vXO9pqo4ZMqP2lrXKtv4JAXe-2Bwf7df1IOwx6OUO2nhYHfIt2Ns201lv3sQ3R8z-2FYHVmwBjMwXvQrGAbw-3D-3D" style="text-decoration:none;color:#498ee4;line-height:22px" target="_blank">
                      Browse All 5000+<br>
                      Cash Back Stores
                    </a>
                  </p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </th>

The affected code is in the very last outer table cell, which is at the bottom.

I believed the way to do this is to set the min-width in Outlook, but I do know Outlook doesn't support min/max width/height, so it is a bit tough for to me to find a better solution after using the width="XXX" height="YYY" option. Can anyone help me on this?

Thanks.