title: Inline Grid related CSS disappear in Gmail
body: <p>I am working on a HTML email template using NopCommerce. I've put all my CSS inline since  and  doesn't work, for the most part everything works except for the Grid styles. Specifically <code>grid-gap</code> and <code>grid-template-columns</code> as they seem to disappear after being sent to Gmail. The code snippet below is the original code prior to being sent.</p>
  
  <pre><code>&lt;div class="grid-container" style="display: grid; grid-gap: 10px; background-color: white;margin-top:10px;left-padding: 10px; text-align:center; grid-template-columns: 33% 33% 33%;"&gt;
      &lt;div style="background-color: #ebebe0;"&gt;
          &lt;h1&gt;Title 3&lt;/h1&gt;
          &lt;p&gt;Lorem Ipsum&lt;/p&gt;
      &lt;/div&gt;
      &lt;div style="background-color: #ebebe0;"&gt;
          &lt;h1&gt;Title 4&lt;/h1&gt;
          &lt;p&gt;Lorem Ipsum&lt;/p&gt;
      &lt;/div&gt;
      &lt;div style="background-color: #ebebe0;"&gt;
          &lt;h1&gt;Title 5&lt;/h1&gt;
          &lt;p&gt;Lorem Ipsum&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/pY7kI.png" rel="noreferrer"><img src="https://i.stack.imgur.com/pY7kI.png" alt="image"></a></p>
  
  <p>Image above was taken from the Gmail, and as you can see <code>grid-gap</code> and <code>grid-template-columns</code> seem to be missing. Can anyone give me pointers or solutions to this problem? Much appreciated.</p>