JSFiddle - React, Tailwind, and code Playground

by Julien Vernet

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://colourity.github.io/fort.css">
<script src="http://colourity.github.io/fort.js"></script>
<div class="top">
    <div class="colors"></div>
</div>
<form name="form" role="form" class="form">
    <div class="form-group">
        <label for="exampleInputEmail1">Name of your business</label>
        <input type="text" class="form-control" id="exampleInputEmail1" required>
    </div>
    <div class="form-group">
        <label for="exampleInputPassword1">Can you please name a few logos that you like?</label>
        <textarea class="form-control" id="exampleInputPassword1" rows="5"></textarea>
        <p class="help-block">If possible, can you share a few logos of your competitors?</p>
    </div>
    <div class="form-group">
        <label>What values should your brand communicate?</label>
        <table class="table">
            <tr role="radiogroup" aria-label="What values should your brand communicate?  Select a value from a range of 1,Feminine, to 5,Masculine,.">
                <td class="ss-scalerow ss-leftlabel">
                    <div aria-hidden="true" class="aria-todo">Feminine</div>
                </td>
                <td class="ss-scalerow">
                    <input type="radio" name="feminine_masculine" value="1" id="feminine_masculine_1" role="radio" class="ss-q-radio" aria-label="1">
                </td>
                <td class="ss-scalerow">
                    <input type="radio" name="feminine_masculine" value="2" id="feminine_masculine_2" role="radio" class="ss-q-radio valid" aria-label="2">
                </td>
                <td class="ss-scalerow">
                    <input type="radio" name="feminine_masculine" value="3" id="feminine_masculine_3" role="radio" class="ss-q-radio" aria-label="3">
                </td>
                <td class="ss-scalerow">
                    <input type="radio"...

CSS

body {
    padding: 5%;
}

JavaScript

solid();