JSFiddle - React, Tailwind, and code Playground

HTML

<div id="feira"> 
         <div class="barraca"></div> 
         <div class="barraca"></div> 
         <div class="barraca"></div>
</div>
<button onclick="organizar()">Organizar</button>

CSS

#feira{
       position: fixed;
       right: 0;
       bottom: 0;
       z-index: 55;
       width: 80%;
    }
    
    .barraca{
       position: absolute;
       right: 0;
       bottom: 0;
       background: #AAA;
       width: 250px;
       height: 200px;
    }

JavaScript

function organizar(){
   qtdJanela = $(".barraca").size();
   if(qtdJanela > 1){
      for(c = 0; c < qtdJanela; c++){
          janela = $(".barraca").eq(c);
          posJanela = janela.position();
          distancia = posJanela.left;
		  alert(distancia);
          $(".barraca").eq(c+1).css({'right':distancia+'px'});
      }
   }
}