JSFiddle - React, Tailwind, and code Playground

by Mohammed Ismail Ansari

HTML

<div class="container">
    <button id="left" class="clickable">Edit</button>
    <button id="right" class="clickable">Delete</button>
</div>

CSS

.container{
    width: 50%;
    background: gray;
    white-space: nowrap;
    overflow: hidden;
}

.clickable{
    width: 100px;
}

@media (max-width: 600px) {
    .clickable{
        width: 45%;
    }
}