JSFiddle - React, Tailwind, and code Playground

by Taras Pyatyhorskyy

HTML

<body>
  <div class="header">Heder</div>
  <div class="menu">Menu</div>
  <div class="left">Left block</div>
  <div class="center">Center</div>

  <body>

CSS

.header {
  background-color: yellow;
  height: 100px;
  text-align: center;
  width: 100%;
}

.menu {
  background-color: blue;
  height: 49px;
  width: 100%;
  text-align: center;
}

.left {
  background-color: green;
  text-align: center;
  width: 30%;
  float: left;
  height: 360px;
}

.center {
  background-color: orange;
  width: 28%;
  height: 30px;
  text-align: center;
  float: left;
}