JSFiddle - React, Tailwind, and code Playground

by mblase75

HTML

<div class="content">
    <div class="products"></div>
</div>
<div class="content">
    <div class="products-list"></div>
</div>
<div class="content">
    <div class="list"></div>
</div>

CSS

div.content {
    width: 100px;
    height: 100px;
    margin: 10px;
    padding: 15px;
    background-color: green;
}
div:not(.content) {
    width: 50px;
    height: 50px;
    margin: 10px;
    padding: 15px;
    background-color: blue;
}
div.products-list {
    margin: -15px;
}