JSFiddle - React, Tailwind, and code Playground

by social_quotient

HTML

<!-- HIT template: TranscriptionFromAnImage-v3.0 -->
<!-- Bootstrap CSS v3.0.3 -->
<!-- Please note that Bootstrap CSS/JS and JQuery are 3rd party libraries that may update their url/code at any time. Amazon Mechanical Turk (MTurk) is including these libraries as a default option for you, but is not responsible for any changes to the external libraries -->
<link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" integrity="sha384-IS73LIqjtYesmURkDE9MXKbXqYA8rvKEp/ghicjem7Vc3mGRdQRptJSz60tvrB6+" rel="stylesheet" />
<!-- The following snippet enables the 'responsive' behavior on smaller screens -->
<meta content="width=device-width,initial-scale=1" name="viewport" />
<section class="container col-md-12" id="TranscriptionFromAnImage">
  <!-- Instructions -->
  <div class="row">
    <div class="col-xs-12 col-md-12">
      <div class="panel panel-primary">
        <!-- WARNING: the ids "collapseTrigger" and "instructionBody" are being used to enable expand/collapse feature --><a class="panel-heading" href="javascript:void(0);" id="collapseTrigger"><strong>Image Transcription Instructions</strong> <span class="collapse-text">(Click to expand)</span> </a>
        <div class="panel-body" id="instructionBody">
          <p>We need to determine a few things about the images. Please see the below details</p>
          <ul>
            <li>Is the picture taken from outside?</li>
            <li>Is there a sidewalk or walkway that would be outside? if its a walkway inside of a mall or building please also mark "no" as we are looking only for outside walkways</li>
            <li>Is there a fountain in the picture?
            </li>
            <li>Is there a pond in the picture? a pond is an outdoor water feature that you could swim or fish in. it is not a water feature inside of a building.
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- End Instructions -->
  <!-- Image Transcription...