JSFiddle - React, Tailwind, and code Playground

by aparadise

HTML

<form action="#" id="myform">
  <div class="inputName">
  <input type="text" placeholder="   Name *" class="name">
  </div>
  <div class="inputPhone">
  <input type="text" placeholder="   Phone *" class="phone"> <input type="text" placeholder="   Email *" class="email">
  </div>
  
  <div class="textareaMessage">
  <textarea cols="57" rows="10" placeholder=" Message *" class="message">
    
  </textarea>
  </div>
  <div class="subButton">
    <a href="javascript: submitform()" class="submit" onclick="document.getElementById('myform').submit()" ;>SUBMIT</a>
  </div>
</form>

CSS

#myform {
  display:flex;
   justify-content: flex-end;
  }
  
 #myform > input {
  flex: 1;
}