JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="grid_one">
            
    </div> 
        
    <div class="grid_two">
        
    </div>
</div>

CSS

.wrapper {
    word-spacing: -1em;
}
.grid_one {
        width: 25%;
        height: auto;
        min-height: 300px;
        background: red;
        display: inline-block;
       *display: inline;
        vertical-align: top;
        position: relative;
}
    
.grid_two {
        width: 75%;
        position: relative;
        height: auto;
        min-height: 300px;
        background: blue;
        display:inline-block;
        *display: inline;
        vertical-align: top;
}