Hi guys,
I am new to HTML and I'm trying to create an email signature for Outlook which includes a table with one row and three columns. The first column has the logo and the other two columns have contact details. The table isn't scaling on mobile - the first two columns seems to stay the same size but the third column is getting completely squished so all the text is appearing stacked vertially. Can anyone help?

This is my code:


<table style="font-family:Calibri,Helvetica,sans-serif" width="100%" border=0>
<td width="33%" style="padding:1em;text-align:left;vertical-align:center;"><a href="https://www.newpointadvisory.com" border=0><img src="https://image.ibb.co/kMcT4H/Newpoint_Advisory_primary_RGB_logo_crop_01_200x.png" alt="Newpoint Advisory Logo"/></a></td>
<td width="33%" style="padding:1em;vertical-align:center;"><span style="color:#054091;font-size:larger;font-weight:bold;">Test Person</span><br/>
<td width="34%" style="padding:1em;vertical-align:center;"><span style="color:#F39237;">m: </span><span>+61 123 456 788</span><br/>
<span style="color:#F39237;">e: </span><a href="mailto:test@testingnow.com"><span>test@testingnow.com</span></a></td>