JSFiddle - React, Tailwind, and code Playground

by Thasmo

HTML

<div id="main">
    <section class="text">1</section>
    <section class="video">2</section>
    <section class="image">3</section>
    <section class="code">4</section>
</div>

<div id="context">
    <section class="text">5</section>
    <section class="video">6</section>
    <section class="image">7</section>
    <section class="code">8</section>
</div>

CSS

#main .text,
#main .image,
#main .video,
#main .code,
#context .text,
#context .image,
#context .video,
#context .code {
    margin-bottom: 20px;
    background: #449911;
    display: block;
}