JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td></td>
    <td>
      <ul>
        <li>Smarphone APPLE<input type="button" value="X"/></li>
        <li>Ref 000000</li>
        <li>*******(27)</li>
        <li><img src="https://picsum.photos/20" alt="texte alternatif"/></li>
        <li><input type="button" value="Ajouter au panier"/></li>
      </ul>
    </td>
    <td>
     <ul>
        <li>Smarphone APPLE<input type="button" value="X"/></li>
        <li>Ref 000000</li>
        <li>*******(27)</li>
        <li><img src="https://picsum.photos/20" alt="texte alternatif"/></li>
        <li><input type="button" value="Ajouter au panier"/></li>
      </ul>
    </td>
    <td>
     <ul>
        <li>Smarphone APPLE<input type="button" value="X"/></li>
        <li>Ref 000000</li>
        <li>*******(27)</li>
        <li><img src="https://picsum.photos/20" alt="texte alternatif"/></li>
        <li><input type="button" value="Ajouter au panier"/></li>
      </ul>
    </td>
  </tr>
  <tr>
   <td colspan="4">Caractéristiques</td> 
  </tr>
  <tr>
    <td>Système d'exploitation</td>
    <td>iOS11</td>
    <td>Android</td>
    <td>Windows</td>
  </tr>
  <tr>
    <td>Processeur</td>
    <td>Puce A11</td>
    <td>8 coeurs</td>
    <td>8 coeurs</td>
  </tr>
  <tr>
   <td colspan="4">Ecran</td> 
  </tr>
  <tr>
    <td>Taille de l'écran (en diagonale)</td>
    <td>5.8"</td>
    <td>5.8"</td>
    <td>11"</td>
  </tr>
</table>

CSS

table{
  border: 1px solid black;
  border-collapse: collapse;
}

table td{
  border: 1px solid black;
  
}