JSFiddle - React, Tailwind, and code Playground

by graphettion

HTML

<header></header>
<article></article>
<aside></aside>
<footer></footer>

CSS

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

header {
  height: 100px;
  width: 100%;
  background: #95a5a6;
}

article {
  float: left;
  height: 100px;
  width: 50%;
  background: #c0392b;
}

aside {
  float: left;
  height: 100px;
  width: 50%;
  background: #27ae60;
}

footer {
  clear: left;
  height: 100px;
  width: 100%;
  background: #2980b9;
}