JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cll" style="background: red;"></div>
<div class="cll" style="background: blue;"></div>
<div class="cll" style="background: green;"></div>

CSS

div{
    width: 33.3%;
    float: left;
}

JavaScript

$(document).ready(function(){
    createFormatHeight();    
});
//Bei größen veränderungen
$( window ).resize(function() {
    //Höhe neu berechnen
    createFormatHeight();
});
function createFormatHeight(){
    $.each( $('.cll') ,function(){
        var breite = $(this).width();
        var hoehe = breite/1.78;
        $(this).css('height',hoehe);
    });
}