JSFiddle - React, Tailwind, and code Playground

by id0

HTML

<div class="a">first</div>
<div class="b">second</div>
<div class="c">third</div>

SCSS

div {
    margin: 10px;
    padding: 10px;
    background: #eee;
}

@media (min-width: 600px) {
    div {        
        display: inline-block;
    }
    .c {
        float: right;
    }
}