JSFiddle - React, Tailwind, and code Playground
by shriek
HTML
<div class="row">
<div class="col100">
<div class="profile">
<p>Logisitic service profile:</p>
<p>
<input type="radio" name="services" />
<label name="default">Default</label>
<input type="radio" name="services" />
<label name="custom">Custom</label>
</p>
</div>
<div class="log-service">
<p class="question">Basic/Expedite Logistic Service:</p>
<select name="log-service-option">
<option>Door/Dock delivery</option>
<option>Door/Jesus fast</option>
</select>
</div>
<div class="deliv-option">
<h4>Enhanced delivery options:</h4>
<ul>
<li>
<input type="checkbox" name="inside_desk" /> <span class="question"> Inside desk/IT room delivery</span>
</li>
<li>
<input type="checkbox" name="unpack_waste" /> <span class="question"> Unpack and waste removal</span>
</li>
<li>
<input type="checkbox" name="carrier_equip" /> <span class="question"> Additional carrier equipment</span>
</li>
<li>
<input type="checkbox" name="rollout" /> <span class="question"> Rollout/Scheduled delivery</span>
</li>
<li>
<input type="checkbox" name="inside_desk" /> <span class="question"> Saturday delivery</span>
</li>
</div>
<select name="limit">
<option>Euro pallet .80mx 1.20m (no other limit)</option>
<option>Bitcoin 4 lyfe</option>
</select>
</div>
<div class="qualification">
<h4>Appointment and delivery notification</h4>
<p>Appointment and delivery notification</p>
<input type="radio" name="none" /><span> No appointment...