JSFiddle - React, Tailwind, and code Playground

by Adrian Enriquez

HTML

<div class="pace-slider">
    <ul class="slider-stage">
        <li>
            <div class="project">
                <h1>Parent</h1>
            </div>
            <div class="child">
                <div class="project">
                    <h1>Child</h1>
                </div>
                <div class="project">
                    <h1>Child</h1>
                </div>
            </div>
        </li>
    </ul>
    <div class="slide-controls">
        <button slide-prev>Prev</button>
        <button slide-next>Next</button>
    </div>
</div>

CSS

ul{
    list-style-type: none;
    padding:0;
}
.project{
    width:150px;
    height:200px;
    background-color:#0af;
    float:left;
    margin:5px;
}
.child{
    display:block;
}
.slide-controls{
    display:block;
    clear:left;
}