JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div class="main">
  <div class="col-1">111</div>
  <div class="col-2">222</div>
</div>

CSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.main {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;  
}
.col-1,
.col-2 {
  padding: 50px;
}
.col-1 {
  background: yellow;
  order: 2;
}
.col-2 {
  background: green;
  order: 1;
}