JSFiddle - React, Tailwind, and code Playground

by zachleat

HTML

<p>Incididunt mixtape excepteur, est viral scenester helvetica photo booth selvage post-ironic eu qui hella leggings. Esse yr mcsweeney's dolor wayfarers. Enim minim small batch wayfarers hoodie irony fingerstache dreamcatcher, thundercats cillum cray. Brunch banh mi forage skateboard, messenger bag mlkshk duis. Williamsburg four loko sint proident. 3 wolf moon gastropub irure direct trade sunt, bicycle rights fap. Organic iphone ad seitan, do portland delectus Austin brunch whatever craft beer.</p>
<p>Mcsweeney's proident commodo, selvage incididunt cosby sweater voluptate. Polaroid trust fund whatever, eiusmod culpa irure delectus aesthetic aliqua ex placeat artisan wes anderson sapiente. Velit retro quis whatever, cillum eu keffiyeh artisan. Thundercats sed elit laboris ex. Four loko cardigan odd future small batch single-origin coffee. Thundercats tumblr reprehenderit, vice laboris kale chips enim 3 wolf moon irure. Ullamco velit vinyl, typewriter small batch street art forage fap deserunt banh mi squid etsy.</p>

CSS

html,
body {
    margin: 0;
    padding: 0;
}
body {
    background-color: #fff;
    background-image: -o-linear-gradient(90deg, #eee, transparent 1px), -o-linear-gradient(0, #eee, transparent 1px);
    background-image: -ms-linear-gradient(90deg, #eee, transparent 1px), -ms-linear-gradient(0, #eee, transparent 1px);
    background-image: -moz-linear-gradient(90deg, #eee, transparent 1px), -moz-linear-gradient(0, #eee, transparent 1px);
    background-image: -webkit-linear-gradient(90deg, #eee, transparent 1px), -webkit-linear-gradient(0, #eee, transparent 1px);
    background-image: linear-gradient(90deg, #eee, transparent 1px), linear-gradient(0, #eee, transparent 1px);
    background-size: 24px 24px;

    font: 100%/150% Helvetica, sans-serif;
}
p {
    padding: 1.5em 2em 0;
    margin: 0;
}