JSFiddle - React, Tailwind, and code Playground

by Renilson Meneguci

HTML

<div class="container">  
    <div class="col-md-12">  
    <h1 align="center">Receive Your Answer</h1>
    </div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
        <select class="form-control">
          <option value="title">Title</option>
          <option value="mr">MR</option>
          <option value="mrs">MRS</option>
          <option value="ms">MS</option>
          <option value="dr">DR</option>
        </select>
        </div>
 <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
        <input type="text" name="fname" placeholder="First Name"  msg="Error for First name" class="form-control"/>
        <span class="error"></span>
        </div>
  <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
        <input type="text" name="lname" placeholder="Last Name"  msg="Error for Last name" class="form-control">
        <span class="error"></span>
      </div>
      <br/>   <br/>
     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <input type="text" name="email" placeholder="Email Address" msg="Please enter a valid email" class="form-control">
        <span class="error"></span>
      </div>
            <br/>   <br/>
      <div class="col-md-12">
        <input id="submit" type="submit" value="Submit" class="btn btn-primary">
      </div>
      <span class="clear"></span>
    </form>
  </div>
</div>

CSS

#submit{
    width: 100% !important;
}