JSFiddle - React, Tailwind, and code Playground

by Thasmo

HTML

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

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

CSS

[class|=content] {
    margin-bottom: 20px;
    background: #449911;
    display: block;
}