JSFiddle - React, Tailwind, and code Playground

HTML

<div id="AttackDiv">
    <div id="ImageDiv">left
    </div>
    <div id="rightside">
      <div id="ContentDiv">right1
      </div>
      <div id="SkillDiv">right2
      </div>
    </div>
</div>

CSS

#ImageDiv {
    height: 100%;
    width: 120px;
    float: left;
    
     background-color: white;
}

#ContentDiv {
    height: 60%;
    background-color: green;
}

#SkillDiv {
    height: 40%;
    background-color: blue;
    float: right;
    width: 200px;
}
#rightside {
  width: 400px;
  float: right;
 }