JSFiddle - React, Tailwind, and code Playground

by Michaël van de Weerd

HTML

<div style="
    height: 64px;
    overflow: hidden;
  ">
  <div style="
      float: left;
      width: 64px;
      height: 64px;
    ">
    <div style="
        width: 16px;
        height: 16px;
        max-height: 16px;
        min-height: 16px; 
        margin: 16px 0 0 16px;
        float: left;
        background-color: #3DB83D;
        font-size: 16px;
        line-height: 16px;  
      "></div>
    <div style="
        width: 16px;
        height: 16px;
        max-height: 16px;
        min-height: 16px; 
        margin: 16px 0 0 32px;
        background-color: #4C4;   
        font-size: 16px;
        line-height: 16px;   
      "></div>
    <div style="
        width: 16px;
        height: 16px;
        max-height: 16px;
        min-height: 16px;                
        margin-left: 16px;
        background-color: #69D669;  
        font-size: 16px;
        line-height: 16px;                     
      "></div>
  </div>
  <div style="
      font-family: sans-serif;
    ">
    <dl style="
        margin: 16px 0;
      ">
      <dd><strong>Micha&euml;l van de Weerd</strong> <small><a style="
          text-decoration: none;
          color: #4C4;
        " href="tel:+31657668123">06 57668123</a></small></dd>
      <dd>Eigenaar &ndash; <a style="
        text-decoration: none;
        color: #4C4;
      " href="https://parcifal.eu/">Parcifal Programmatuur</a></dd>
    </dl>
  </div>
</div>