JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">

<div class="contact half">
    <dl>
        <dt>Email</dt>
        <dd>[email protected]</dd>

        <dt>Phone</dt>
        <dd>+456 333 444</dd>

        <dt>Website</dt>
        <dd>kkkk.com</dd>
    </dl>
</div>

<div class="skills">
    <ul>
        <li>Quantum Accelerators</li>
        <li>dfeerfbe</li>
        <li>Parachuting</li>
        <li>Photon Cannons</li>
    </ul>
</div> 
</div>

CSS

.half {
 float: left;
 width: 50%;
 }