JSFiddle - React, Tailwind, and code Playground

by Himanshu Joshi

HTML

<div >
    <ul class="parent">
        <li class="items"><p>first</p></li>
        <li class="items"><p>second</p></li>
        <li class="items"><p>third</p></li>
    </ul>
</div>

CSS

.parent{
    border: 3px solid black;
    background-color: grey;
    overflow:hidden;
    display:flex;
    flex-direction:row;
}
.items{
     flex:1;
     flex-grow:1;
     border:2px solid yellow;
    list-style:none;
}