JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="wrapper2">  
    <div class="photo"><img src="http://s1.iconbird.com/ico/2013/11/491/w256h2561384698911applered.png"/></div>
     <div class="param">энергетическая ценность яблока<br>
         <br>
             <br>белки
                 <br>жиры
                     <br> углеводы
          <br>калории
         </div>
  </div>
<div class="desc">информация о яблоках</div>
</div>

CSS

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

.photo {float:left;}
.param {float:left; }
.desc {float:left;}

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%'});
}