JSFiddle - React, Tailwind, and code Playground

HTML

<div id="person">
   <div id="face"><img src="img.jpg"></div>
   <div id="info"></div>

   <div id="medal">
      <div id="da"></div>
      <div id="po"></div>
      <div id="projects"></div>
      <div id="opens"></div>
      <div id="effect"></div>
      <div id="potencial"></div>
   </div>
</div>
<div id="person">
   <div id="face"><img src="img.jpg"></div>
   <div id="info"></div>

   <div id="medal">
      <div id="da"></div>
      <div id="po"></div>
      <div id="projects"></div>
      <div id="opens"></div>
      <div id="effect"></div>
      <div id="potencial">1</div>
   </div>
</div>

CSS

.empty{
  min-height:30px;
  background:red;
}

JavaScript

$(function(){
   if ($('#da, #po, #projects, #opens, #effect, #potencial').toArray().every(function(item){
	   return $(item).is(':empty');
   })) {
      $('#person #face').addClass('empty');
   };
});