JSFiddle - React, Tailwind, and code Playground

by meeky333

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.min.js" integrity="sha512-WW8/jxkELe2CAiE4LvQfwm1rajOS8PHasCCx+knHG0gBHt8EXxS6T6tJRTGuDQVnluuAvMxWF4j8SNFDKceLFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<div class="container">
  <div class="row">
    <div id="box" class="col-md-4 order-md-2 order-1"></div>
    <div id="box" class="col-md-4 order-md-1 order-2"></div>
    <div id="box" class="col-md-4 order-md-3 order-3"></div>
  </div>
</div>

CSS

#box {
  background: green;
}

.container {
  
}

div {
  border: 1px solid red;
  height: 100px;
  width: 100px;
}