JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="wrapper2">  
    <div class="photo"></div>
    <div class="param"></div>
  </div>
<div class="desc"></div>
</div>

CSS

.wrapper {width:500px; height:1000px; background:pink; margin:0 auto;}

.photo {background:yellow;float:left;height:300px;width:200px;}
.param {background:green;float:left; height:280px;width:200px;}
.desc {background:black;float:left; height:400px;width:280px;}

JavaScript

var $photo = $('.photo');
var $param = $('.param');
var $desc = $('.desc');
if($photo.height()*0.7 > $param.height()){
    $desc.css({width:'280px'});
}else{
    $desc.css({width:'100%'});
}