JSFiddle - React, Tailwind, and code Playground

by taylorbuley

HTML

<div id="vians-quiz"></div>

CSS

.question-header {
    color: rgba(255,0,0,1);
}

.question-description {
    background: rgba(0,0,0,.1);
}

.answer-item { 
     list-style-type: none; 
}

JavaScript

window.parade = window.parade || {};

var config = {
    "personalities": [
        { "image": "http://www-dev.parade.com/wp-content/uploads/2013/05/baby-iq-ftr-300x187.jpg",
         "name": "Competition Craver",
         "description": "You’re a driven individual who strives to be the best. You like pursuing activities with measurable outcomes, and while you enjoy competing against others, you also love to challenge your own records. The activities that might interest you most: Running, swimming and cycling—especially if you can turn them into competitive events by signing up for 10Ks, triathlons or centuries, so you can set personal records and get an immediate sense of accomplishment. To make your training more engaging, consider using a body monitoring device and heart rate monitor so you can track your progress."
        }, { "image": "http://www-dev.parade.com/wp-content/uploads/2013/05/beyonce-personality-ftr-300x187.jpg",
         "name": "Free Spirit",
         "description": "You like to express yourself in life and choose your own adventure. The rules and regulations of organized sports have probably never appealed to you. Instead, you veer toward activities where you can lend some of your own creative input. Your best workouts: Dance classes, especially salsa or swing, or fitness dance classes like Zumba. However, because you also crave variety, you should switch up your activities every four to eight weeks so you don’t get bored. "
        }, { "image": "http://www-dev.parade.com/wp-content/uploads/2013/05/sytycd-ftr.jpg",
         "name": "Logical Exerciser",
         "description": "You’re a highly organized individual who craves structure and routine. Change actually scares you—you hate winging things—which is why you function best with a predictable, consistent schedule. Your best workouts will be those that are already planned for you—when you exercise, you don’t want to have to think. Consider hiring a personal trainer or check out...