JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<form action="#" id="enquiryForm">
<div class="enquiryField">
<fieldset>
<label for="name">Name</label>
<input type="text" id="name" />
</fieldset>
<fieldset>
<label for="txt">Text</label>
<textarea id="txt" cols="30" rows="10"></textarea>
</fieldset>
<fieldset>
<input type="submit" value="Send" />
</fieldset>
</div>
</form>
</div>
CSS
@media screen and (max-width:480px){
#enquiryForm{ clear:both; padding:8px 40px 0 0; }
.enquiryField{ padding:5px 0; width:100%; }
.enquiryField label{ float:none; display:block; margin:1em 0 .25em }
fieldset {border:none;outline:none;}
.enquiryField input,.enquiryField textarea{ clear:none; font-family:Calibri; float:right; padding:3px; width:100%; float:none}
}