JSFiddle - React, Tailwind, and code Playground

by Jowed

HTML

<div class="container">
  <p id="number">8</p>
  <p id="prompt">Ground Fault Circuit Interrupters (GFCI) are required by the National Electrical Code:</p>
  <form id="options">
    <li><input type='radio' name="a"><label for="a">When there are wet conditions.</label></li>
    <li><input type='radio' name="b"><label for="b">On all temporary power circuits.</label></li>
    <li><input type='radio' name="c"><label for="c">On portable generators over 5,000 watts.</label></li>
    <li><input type='radio' name="d"><label for="d">All of the above</label></li>
  </form>
  <p id="source">SOURCE: OSHA 29CFR 1926.404(b)(1)</p>
</div>

CSS

.container{
  display: flex;
  flex-flow: column nowrap;
}
#options{
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 50% 50%;
  list-style: none;
}
#options > li{
  padding-top: 5px;
}