Same height, variable width grid

by Louis Walch

HTML

<div class="item"><div style="padding-bottom:53.915662650602%;"></div></div>
<div class="item"><div style="padding-bottom:141.4364640884%;"></div></div>
<div class="item"><div style="padding-bottom:100%;"></div></div>
<div class="item"><div style="padding-bottom:66.915662650602%;"></div></div>

SCSS

.item {
    // height: 100px;
    // float: left;
    margin: 0 10px 10px 0;
    div {
        height: 0;
        background-color: pink;
    }
}