JSFiddle - React, Tailwind, and code Playground

by Bacher

HTML

<div class="super">
    <div class="pic">1</div>
    <div class="pic">2</div>
    <div class="pic">3</div>
    <div class="pic">4</div>
    <div class="pic">5</div>
    <div class="pic">6</div>
</div>

CSS

.super {
    outline: 1px dotted black;
    width: 140px;
    text-align: right;
}

.pic {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: red;
    color: white;
    margin: 4px;
}

.pic:nth-child(2n) {
    background-color: blue;
}