JSFiddle - React, Tailwind, and code Playground

by Josh Krauth-Harding

HTML

<div id="contact-info">
  <div>
    <span>P</span>
    <span>7342557187</span>
  </div>
  <div>
    <span>E</span>
    <span>[email protected]</span>
  </div>
  <div>
    <span>IG</span>
    <span>jkh.pix</span>
  </div>
</div>

CSS

#contact-info {
   display: grid;
   grid-template-columns: 1fr 1fr;
 }

 #contact-info div {
   display: grid;
   grid-template-columns: 1fr 9fr;
 }