JSFiddle - React, Tailwind, and code Playground
by nobuts
HTML
<div id="container">
<article class="webform">
<h1>Customer Feedback Form</h1>
<form method="post" action="#">
<h3 class="formHeader">Form Header</h3>
<div class="formPod">
<fieldset role="presentation">
<div class="formRow clearfix"> <span><label for="customerName">Your Name</label></span>
<inpuit name="customerName" id="customerName" type="text" size="60" maxlength="200" required/>
</div>
<div class="formRow clearfix"> <span><label for="customerEmail">Your Email</label></span>
<input name="customerEmail" id="customerEmail" type="email" size="60" maxlength="200" required/>
</div>
<div class="formRow clearfix">
<fieldset>
<legend>Is the new page</legend>
<div>
<input type="radio" name="radio" id="radioEasier" value="easier" required/> <span><label for="radioEasier">Easier to use</label></span>
</div>
<div>
<input type="radio" name="radio" id="radioHarder" value="harder" required/> <span><label for="radioHarder">Harder to use</label></span>
</div>
<div>
<input type="radio" name="radio" id="radioSame" value="same" /> <span><label for="radioSame">About the same</label></span>
</div>
</fieldset>
</div>
<div class="formRow clearfix"> <span>
<label for="comments">Comments</label>
<label for="comments" id="charsLeft">(300)</label>
</span>
<textarea name="comments" id="comments"...