JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<div class="outer">
  <div class="block one">1</div>
  <div class="block two">2</div>
  <div class="block three">3</div>
  <div class="block four">4</div>  
</div>

CSS

body {
  margin: 0;
  padding: 0;
}

html, body, .outer {
  height: 100%;
  border: 5px solid green;
  box-sizing: border-box;
}

.block {
  width: 50%;
  height: 50%;
  float: left;
  background-color: grey;
}

.block:nth-child(1) {
  background-color: red;
}

.block:nth-child(4) {
  background-color: blue;
}