JSFiddle - React, Tailwind, and code Playground

by Nick Iaconis

HTML

<script src="https://rawgithub.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js"></script>
<form class="menu-form">
  
    <div><label>name</label>
    <div id="ember635" class="ember-view"><input type="string" id="ember636" class="ember-view ember-text-field"></div></div>
  
    <div><label>priority</label>
    <div id="ember637" class="ember-view"><input type="string" id="ember638" class="ember-view ember-text-field"></div></div>
  
    <div><label>topology</label>
    <div id="ember639" class="ember-view"><input type="string" id="ember640" class="ember-view ember-text-field"></div></div>
  
    <div><label>duplexType</label>
    <div id="ember641" class="ember-view"><input type="string" id="ember642" class="ember-view ember-text-field"></div></div>
  
    <div><label>serviceUse</label>
    <div id="ember643" class="ember-view"><input type="string" id="ember644" class="ember-view ember-text-field"></div></div>
  
    <div><label>assignmentType</label>
    <div id="ember645" class="ember-view"><input type="string" id="ember646" class="ember-view ember-text-field"></div></div>
  
    <div><label>nominalDataType</label>
    <div id="ember647" class="ember-view"><input type="string" id="ember648" class="ember-view ember-text-field"></div></div>
  
    <div><label>averageHoldTime</label>
    <div id="ember649" class="ember-view"><input type="number" id="ember650" class="ember-view ember-text-field"></div></div>
  
    <div><label>averageMessageSize</label>
    <div id="ember651" class="ember-view"><input type="number" id="ember652" class="ember-view ember-text-field"></div></div>
  
    <div><label>interArrivalTime</label>
    <div id="ember653" class="ember-view"><input type="number" id="ember654" class="ember-view ember-text-field"></div></div>
  
    <div><label>requiredTransport</label>
    <div id="ember655" class="ember-view"><input type="string" id="ember656" class="ember-view ember-text-field"></div></div>
  
   ...

CSS

.menu-form {
    box-sizing: border-box;
    background-color: lightgray;
    height: 262px;
    position: absolute;
    top: 43px;
    left: 2rem;
    padding: 1em 1.5em;
    display: flex;
    -webkit-flex-flow: column wrap;
}