JSFiddle - React, Tailwind, and code Playground

by krish reddy

HTML

<div class="container">
    <a href="#"><div class="button-left"> Left Button </div></a>
    <div class="page-cont">
        <div class="left div1"> Left Div </div>
        <div class="center div2"> Center Div </div>
        <div class="right div3"> Right Div </div>
    </div>
    <a href="#"><div class="button-right"> Right Butoon </div></a>
</div>

CSS

.container{
    padding: 30px;
}
.container div{
    float: left;
}
.container .page-cont{
    margin: 0px 20px;
}
.page-cont .div{
    margin: 0 10px;
}

JavaScript

$(".button-left").click(function(){
    if($(".div1").hasClass(){
    }
});