JSFiddle - React, Tailwind, and code Playground

by blasteralfred

HTML

<div id="main">
     <div id="primary">primary</div>
     <div id="secondary">secondary</div>
</div>

CSS

#main {
    padding: 1.625em 0 0;
    background-color: gray;
    width: 100%;
    position:absolute
}
#primary {
     float: left;
     margin: 0;
     width: 100%;
     background-color: orange
}
#secondary {
    float: right;
    margin-right: 7.6%;
    width: 18.8%;
    background-color:blue;
}