JSFiddle - React, Tailwind, and code Playground

by chris_tsongas

HTML

<div id="container">
    <div id="left">
        <div id="white"></div>
    </div>
    <div id="right">
        <div id="red"></div>
    </div>
</div>

CSS

#container {
  width: 100%;
  height: 66px;
  background-color: #7D8995;
}
#left {
  float: left;
  width: 77%;
  height: 46px;
}
#white {
  width: 100%;
  height: 100%;
  padding: 10px 5px 10px 10px;
  background-color: #ffffff;
}
#right {
  float: right;
  width: 23%;
  height: 46px;
}
#red {
  width: 100%;
  height: 100%;
  padding: 10px 10px 10px 5px;
  background-color: #D7122F;
}