JSFiddle - React, Tailwind, and code Playground

by amkrtchyan

HTML

<ul id="view">
<li class="athome column">
    <ul class="athome column">
        <ul class="header left" >
           <li class="athome content">
               <span class="content">slightly slimy food in the fridge</span> </li>
           <li class="athome content">
               <span class="content">my cat</span></li>
        </ul>
    </ul>
</li>
<li class="atwork column">
    <ul class="atwork column">
        <ul class="header element">
           <li class="atwork content">
               <span class="content">an open beer without much gas left</span> </li>
           <li class="atwork content"><span class="content">your shrinked parrot </span> <li/>
           <li class="atwork content">
               <span class="content">my collection of uncollectible things</span></li> 
        </ul>
    </ul>
</li>
</ul>

CSS

li.column {
    float: left;
    padding: 0 10px;
}

.athome {
    background: orange;
}

.atwork {
    background: green;
}