JSFiddle - React, Tailwind, and code Playground

by yash009

HTML

<div class="wrapper">
    <div class="wrapLeft">
      <div class="address">
        <p class="bold"><i class="fas fa-map-marker"></i> ADDRESS</p>
        <p>MN-12 Lincon Street, NewYork 12356, USA</p>
      </div>
      <div class="phone">
        <p class="bold"><i class="fas fa-phone"></i> PHONE NUMBER</p>
        <p>+1 2345 67890 12</p>
      </div>
      <div class="email">
        <p class="bold"><i class="fas fa-envelope"></i> EMAIL</p>
        <p>[email protected]</p>
      </div>
    </div>

    <div class="wrapRight">
      <form class="contact-us">
        <input class="name" type="text" name="name" value="" placeholder="Full Name">
        <input class="email" type="email" name="email" value="" placeholder="Email">
        <input class="textBox" type="text" name="textBox" value="" placeholder="Message">
      </form>
      <input class="sendBtn" type="button" name="send" value="Send">
    </div>
  </div>
</div>

CSS

.wrapper{display: flex; justify-content: space-between;}