JSFiddle - React, Tailwind, and code Playground

by oshirowanen

HTML

<div class="column" id="column_1">

            <div class="portlet" id="portlet_1">
                <div class="portlet-header">Home 1</div>
                <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
            </div>
            
            <div class="portlet" id="portlet_2">
                <div class="portlet-header">Home 2</div>
                <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
            </div>

        </div>

        <div class="column" id="column_2">

            <div class="portlet" id="portlet_3">
                <div class="portlet-header">Home 3</div>
                <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
            </div>

        </div>

        <div class="column" id="column_3">

            <div class="portlet" id="portlet_4">
                <div class="portlet-header">Home 4</div>
                <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
            </div>
            
            <div class="portlet" id="portlet_5">
                <div class="portlet-header">Home 5</div>
                <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
            </div>

        </div>