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 ....