JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <form id='login-form'>
    <input id='username-field' type='text' placeholder='username'>
    <input id='password-field' type='password' placeholder='password'>
  </form>
  
  <form id='pincode-form'>
    <input id='pincode-field' type='password' placeholder='pin' maxLength='4' autocomplete='no-autocomplete-please'>
  </form>
</div>

CSS

#login-form {
  margin-bottom: 24px;
}

#pincode-form {
   margin-top: 24px; 
}