JSFiddle - React, Tailwind, and code Playground

HTML

<table borde="1" width="100%">
    <tr>
      <td align="left" valign="top">User Image 1</td>
      <td width="100%" valign="top">User 1     
      <br/>User Comment 1 </td>
      <td width="5%" align="right" valign="top">X</td>
    </tr>
    
    <tr>
      <td align="left" valign="top">User Image 1</td>
      <td width="100%" valign="top">User 1     
      <br/>User Comment 1 </td>
      <td width="5%" align="right" valign="top">X</td>
    </tr>
    
    
    <tr>
      <td align="left" valign="top">User Image 1</td>
      <td width="100%" valign="top">User 1     
      <br/>User Comment 1 </td>
      <td width="5%" align="right" valign="top">X</td>
    </tr>
    
</table>