JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<div>
    <div class="passe_au_dessus">item #4</div>
    <div>item #3</div>
  </div>

CSS

* { margin:0 padding:0;  }
html, body{ margin:0 padding:0; }

div { box-sizing:border-box; }

div > div { border: 1px solid #eee; margin-bottom: 0; width:50%; float:left; height:4em; }

.passe_au_dessus{ float: right; background:#EEF; }
@media screen and (max-width:1024px) {
div > div{ width: 100%; text-align: center; }
}