Email - Marketing break column on mobile

0

Good afternoon, I'm developing a website for an email marketing, it's ready, but I've been looking on the internet and I've seen it to be responsive without using a media query ... and I tried to do a few sites explain, but I could not understand it right but I managed to develop it, the difference is that it is not working ... I have td with two columns and I wanted to break them ... leave one underneath the other when it is mobile ... go from 480px it already breaks. But it's not working ...

I want this part that breaks in two ... to be one underneath the other.

Followthecodebelow:

<!DOCTYPEhtml><html><head></head><bodybgcolor="#ffffff" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" style="-ms-text-size-adjust: 100%; font-size: 14px; -webkit-text-size-adjust: 100%; background-color: #ffffff; font-family: Tahoma, Verdana, sans-serif; text-align: center; -webkit-font-smoothing: antialiased; width: 100% !important;">
    <center style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #ffffff; font-family: Tahoma, Verdana, sans-serif; font-size: 14px; width: 100%;">
        <div style="max-width: 600px; -webkit-text-size-adjust: none; text-align: left; width: 94%;" align="left">
        <table cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" width="100%" style="max-width: 600px;">
            <tr height="90">
                <td bgcolor="#fff" width="0%" height="0%"></td>
                <td bgcolor="#fff" border="0" height="100%" valign="middle" align="left">
                    <a href="#" style="-webkit-text-size-adjust: none;">
                        <img src="https://i2.wp.com/veropublic.wpengine.com/wp-content/uploads/2015/11/apple-iphone6-email-marketing.jpg?resize=780%2C873"alt="Verollate" width="100%" height="auto" border="0" style="color: #000;"></a>
                    </td>
                    <td bgcolor="#fff" width="0%" height="0%"></td>
                </tr>
            </tr>
            <tr>
                <td bgcolor="#000" width="0%" height="0%"></td>
                <td bgcolor="#000">
                    <table cellpadding="0" cellspacing="0" border="0" bgcolor="#000" width="100%" style="display: inline-block; vertical-align: top; max-width: 552px;">
                        <tr>
                            <td id="carrinho" bgcolor="#000" style="border-color: #000; width: 34%; border-width: 25px 10px 25px; vertical-align: top; height: auto; border-style: solid; color: #000; font-size: 14px; text-align: left; -webkit-text-size-adjust: none;" align="left">
                                <img src="https://i2.wp.com/veropublic.wpengine.com/wp-content/uploads/2015/11/apple-iphone6-email-marketing.jpg?resize=780%2C873"alt="Carrinho verollate" width="100%" border="0"></a>
                            </td>
                            <td id="conteudo-1" bgcolor="#000" style="border-color: #000; width: 66%; border-width: 10px 10px 20px; border-style: solid; color: #fff; font-size: 14px; text-align: left; -webkit-text-size-adjust: none; vertical-align: center;" align="left">
                                  Tenho o prazer de lhe apresentar a <b>Vero Latte</b>, uma nova experiência de gelato, elegante no tamanho e no modo de servir.
                  Quando a criei, em 2014, foi pensando justamente em momentos únicos da vida. E a celebração de um casamento é um desses momentos.
                  <br><br>
                  Cada receita e desenvolvida por mim com paixão e exclusividade, por meio da utilizção de nobres ingredientes em uma produção
                  legitimamente artesanal. Será muito especial ter a oportunidade de apresentar nossa marca a você.
                  <br><br>
                  Então, eu gostaria de convidá-la para conhecer o showroom da Vero Latte e participar de uma deliciosa tarde de degustação em nosso espaço.

                  <br><br>
                  Aguardo sua presença,
                  <br>
                  Mariana Galvão
                  <br>
                  (11)2506-9295
                            </td>
                        </tr>
                    </table>
                </td>
        <td bgcolor="#000" width="0%" height="0%"></td>
                <tr bgcolor="#ffffff">
                    <td colspan="3" align="center">
                        <img src="https://thumbs.dreamstime.com/t/fita-vermelha-33946534.jpg"width="100%" height="auto" />
                    </td>
                </tr>
            </table>
        </div>
        </center>
    </body>
    </html>

If someone can help me, I'm happy, thank you ....

    
asked by anonymous 27.03.2017 / 22:08

0 answers