JSFiddle - React, Tailwind, and code Playground
HTML
<form method="post" id="form">
<table>
<tr>
<td><label>Advocacy/ChambersApplication</label></td>
<td><input type="radio" name="drafting" value="pass" /> Pass</td>
<td><input type="radio" name="drafting" value="fail" /> Fail</td>
</tr>
<tr>
<td><label>Drafting</label></td>
<td><input type="radio" name="advocacy" value="pass" /> Pass</td>
<td><input type="radio" name="advocacy" value="fail" /> Fail</td>
</tr>
<tr>
<td><label>Interview</label></td>
<td><input type="radio" name="interview" value="pass" /> Pass</td>
<td><input type="radio" name="interview" value="fail" /> Fail</td>
</tr>
<tr>
<td><label>Letter To Client</label></td>
<td><input type="radio" name="clientletter" value="pass" /> Pass</td>
<td><input type="radio" name="clientletter" value="fail" /> Fail</td>
</tr>
<tr>
<td><label>Solicitor's Exam</label></td>
<td><input type="radio" name="solicitor" value="pass" /> Pass</td>
<td><input type="radio" name="solicitor" value="fail" /> Fail</td>
</tr>
<tr>
<td><label>Barrister's Exam</label></td>
<td><input type="radio" name="barrister" value="pass" /> Pass</td>
<td><input type="radio" name="barrister" value="fail" /> Fail</td>
</tr>
<tr>
<td><label>Instructor's name</label></td>
<td><input type="text" name="instructor" value="" /></td>
</tr>
<tr>
<td>Submit</td>
<td><input id="send" type="submit" value="Submit" /></td>
</tr>
...