JSFiddle - React, Tailwind, and code Playground

HTML

<dl class="col-6">
                <dt>Consumption</dt><dd>20ml/car</dd>
                <dt>Active Material %</dt><dd>100%</dd>
                <dt>Contact Angle</dt><dd>120°</dd>
                <dt>pH Tolerance</dt><dd>1-14pH</dd>
                <dt>Thickness</dt><dd>1.0um</dd>
                <dt>Durability</dt><dd>48 mths/80k km</dd>
                <dt>Temperature Resistance</dt><dd>&lt;200°C</dd>
                <dt>VOC</dt><dd>5gm/l</dd>
              </dl>
              <dl class="col-6">
                <dt>Durability</dt><dd>O O O O O</dd>
                <dt>Gloss</dt><dd>O O O O O</dd>
                <dt>Hydrophobicity</dt><dd>O O O O O</dd>
                <dt>Hardness</dt><dd>O O O O O</dd>
                <dt>Anti-fouling</dt><dd>O O O O O</dd>
                <dt>Slick</dt><dd>O O O O O</dd>
              </dl>

CSS

dt {
  display: inline-block;
  clear: lef;
}
dd {
  display: inline-block;
  clear: right;
}

JavaScript

/* DLs next to each other */