<div class="col mb-4 md:w-7/12">
<label>Full Name</label>
<input type="text" class="form-input" name="name" placeholder="Full Name"/>
</div>
<div class="col mb-4 md:w-7/12">
<label class="text-lg">Large Input</label>
<input type="text" class="form-input form-input-lg" name="name" placeholder="Large"/>
</div>
<div class="col mb-4 md:w-7/12">
<label class="text-sm">Small Input</label>
<input type="text" class="form-input form-input-sm" name="small" placeholder="Small"/>
</div>