JSFiddle - React, Tailwind, and code Playground

by totszwai

HTML

<div class="wrapper">
    <div class="inner">stuff 1</div>
    <div class="inner">stuff 2</div>
    <div class="inner">stuff 3</div>
    <div class="inner">stuff 4</div>
    <div class="inner">stuff 5</div>
</div>

CSS

.wrapper {
    height: 32px;
    border: 1px solid red;
    overflow: hidden;
}

.inner {
    height: 32px;
    width: 64px;
    float: left;
    border: 1px solid orange;
}

JavaScript

$(document).ready(function () {
    $("body").on({
        "resize" : function() {
           console.log("wtf");     
        }
    });
    $(".wrapper").on({
        "resize" : function() {
           console.log("wrapper resizing...");     
        }
    });
    
    $(".inner").on({
        "resize" : function() {
            console.log("inner resizing");
        }
    });
    
    
});