JSFiddle - React, Tailwind, and code Playground

by Rob Janssen

HTML

<div class="row">
    <div class="col-xs-1">
        <p>editable cell</p>
    </div>
    <div class="col-xs-1">
        <p>editable cell</p>
    </div>
</div>

CSS

.row,
.col-xs-1 {
    float:left;
    overflow:auto;
    padding:20px;
}

.row:hover {
    outline: 1px solid red;
}

.col-xs-1:hover {
    outline: 1px solid green;
}

p:hover {
    outline: 1px solid blue;
}