我如何在具有Sendgrid的Outlook中呈现模板？

Question

我使用sendGrid为@ hotmail.com帐户]创建了一个邮件模板，但是当我测试电子邮件时，我没有设计的模板。这是我所做的：

结果是：

我的HTML代码：

<td colspan="5" style="border-left: 20px solid pink;border-right: 20px pink solid ;padding : 0 30px; font-size:13px; padding-bottom : 20px">
    <div style="margin-top:20px; display : flex; font-size : 12px">
        <div style="background: pink; flex: 1; margin-right: 5px; width : 130px; height : 50px; text-align : center">
            <p style="margin : 0; margin-top : 10px">TEST</p>
            <p style="margin : 0">TEST</p>
        </div>
        <div style="width : 130px; height : 50px; text-align : center; background: pink; flex: 1; margin-right: 5px;">
            <p style="margin : 0; margin-top : 10px">TEST</p>
            <p style="margin : 0">TEST</p>
        </div>
        <div style="width : 240px; height : 50px; text-align : center; background: pink; flex: 2;line-height:50px;">
            TEST TEST TEST TEST TEST TEST TEST
        </div>
    </div>
</td>

我使用sendGrid为@ hotmail.com帐户创建了一个邮件模板，但是当我测试电子邮件时，我没有设计的模板。这就是我所做的：结果是：我的HTML代码：

Answer 1

电子邮件软件非常落后。您会发现flex不被广泛支持：https://www.caniemail.com/search/?s=flex