JSFiddle - React, Tailwind, and code Playground

by Lewis Lane

HTML

<div id="usersearch">Customer Information</div>
<div id="privset">Priv set</div>
<div id="privrules">Priv rules</div>

CSS

body {
  padding: 0%;
  margin: 0%;
  overflow: hidden;
}

header {
  background-color: black;
  color: white;
  text-align: center;
  padding: 5px;
}

#usersearch {
  border-bottom: medium solid;
  width: 100vw;
  height: 50vh;
}

#privset, #privrules {
  box-sizing: border-box; /* ensure the borders don't interfere with the size of the element */
  float: left; /* make both boxes float left so they sit side-by-side */
  width: 50vw;
  height: 50vh;
}

#privset{
  border-right: medium solid;
}