JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<link rel="stylesheet" href="https://imarc.github.io/boilerplate/css/styles.css">
<div class="main" rel="main">
    <div class="container">
        <h1>Lorem ipsum dolor.</h1>
    
        <p class="intro">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora dignissimos!</p>
        
        <div class="columns">
            <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi dicta dignissimos quam eveniet voluptates maiores perspiciatis vitae sapiente ab laboriosam error recusandae ex culpa aperiam impedit eaque cupiditate magnam blanditiis!</div>
            <hr>
            <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse quod minima veritatis dolor sed error itaque earum vitae enim labore tempora nobis quo nulla possimus corrupti? Aspernatur dolores eum in!</div>
            <hr>
            <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias dicta tempora tempore perferendis quasi id voluptatem nemo culpa dolor itaque quia obcaecati pariatur iure nam aperiam libero consequuntur ullam similique.</div>
            <hr>
            <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus labore accusamus nostrum esse obcaecati quas quibusdam possimus et asperiores alias dolorum quidem autem. Impedit explicabo recusandae harum sit temporibus sunt.</div>
        </div>
        
    </div>
</div>

CSS

.columns > hr {
    border: 0;
    background: #ddf;
}

.columns > div {
    background: #dfd;
}

JavaScript

imna