JSFiddle - React, Tailwind, and code Playground

by barrycorrigan

HTML

<div id="questions">

  <div id="QuestionGroup_100" >
    <p class="question">Question 1</p>

    <label id="Question_100" for="Question_100_100">Yes
      <input class="radioWarranty" type="radio" name="Question_100" id="Question_100_100" value="100">
    </label>

    <label id="Question_100" for="Question_100_101">No
      <input class="radioWarranty" type="radio" name="Question_100" id="Question_100_101" value="101">
    </label>                
  </div>
  
  <div id="QuestionGroup_101">
    <p class="question">Question 2</p>

    <label id="Question_101" for="Question_101_100">Yes
      <input class="radioWarranty" type="radio" name="Question_101" id="Question_101_100" value="102">
    </label>

    <label id="Question_101" for="Question_101_101">No
      <input class="radioWarranty" type="radio" name="Question_101" id="Question_101_101" value="103">
    </label>                
  </div>
  
  <div id="QuestionGroup_102">
    <p class="question">Question 3</p>

    <label id="Question_102" for="Question_102_100">Yes
      <input class="radioWarranty" type="radio" name="Question_102" id="Question_102_100" value="104">
    </label>

    <label id="Question_102" for="Question_102_101">No
      <input class="radioWarranty" type="radio" name="Question_102" id="Question_102_101" value="105">
    </label>                
  </div>
  
  <div id="QuestionGroup_103">
    <p class="question">Question 4</p>

    <label id="Question_103" for="Question_103_100">Yes
      <input class="radioWarranty" type="radio" name="Question_100" id="Question_100_100" value="106">
    </label>

    <label id="Question_103" for="Question_103_101">No
      <input class="radioWarranty" type="radio" name="Question_103" id="Question_103_101" value="107">
    </label>                
  </div>
  
</div>