JSFiddle - React, Tailwind, and code Playground

HTML

<div class ="page_content">   
                       <div class ="page_content_left">
                           some text
                       </div> <!--closes page content left-->
                       <div class = "page_content_right">
                           some text
                       </div> <!--closes page content right-->
            </div> <!--closes page content-->

CSS

.page_content{
      margin:50px  auto;
      width:300px;
      height:590px;
      background-color:red;
    }


    .page_content_left{
       float:left;
       width:35%;
       min-height:590px;
       background-color:blue;
    }

    .page_content_right{
        float:left;
        width:65%;
        min-height:590px;
        background-color:yellow;
    }