JSFiddle - React, Tailwind, and code Playground

by jpeter06

HTML

<div>

<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
</div>

CSS

html, body{
  width:100%;
  height:100%;
  background:tan;
}
div {
  display:grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 50% 50%;

}