ASAP Help pls

[ana5678990]

Hey! I need help. 

I have Browse Abandoment flow and want to send email reminder about the product a client viewed.

Could you please check if my code espesially parameters are correct?

<tbody>
<tr>
<td class="use-legacy-mobile-padding kl-table-subblock" style="width:35%;overflow:hidden;vertical-align:top;padding-top:4px;padding-right:20px;padding-bottom:4px;padding-left:4px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="right" class="" style="font-size:0px;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;">
<tbody>
<tr>
<td class="" style="border:0;padding:0;width:200px;" valign="top">
<a href="{{ product.url }}" style="color:#15c; font-style:normal; font-weight:normal; text-decoration:underline">
<img alt="{{ product.title }}" src="{{ product.image.src }}" style="display:block;outline:none;text-decoration:none;height:auto;font-size:13px;width:100%;" title="" width="200"/>
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
<td class="use-legacy-mobile-padding kl-table-subblock" style="width:65%;overflow:hidden;vertical-align:top;padding-top:4px;padding-right:20px;padding-bottom:4px;padding-left:4px;">
<div style="font-family:'Helvetica Neue',Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:1.3;text-align:left;color:#222222;"><div style="text-align: left;">
<h3><span style="color: #000000;"><a href="{{ product.url }}" style="color:#000; font-style:normal; font-weight:normal; text-decoration:underline"><span style="color: #000000;">{{ product.title }}</span></a></span></h3>
<p style="padding-bottom:0"><span style="color: #000000;">Price: {{ product.price|money }}</span></p>
</div></div>
</td>
</tr>

I want the result as at the first screen, but after testing see this.