JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<div class="page page_1">1</div>
<div class="page page_2">2</div>
<div class="page page_3">3</div>
</div>

CSS

.page_1{
    background:red;
    float:left;
}
.page_2{
    background:green;
        float:left;
}
.page_3{
     background:blue;
        float:left;
}

JavaScript

$(document).ready(function(){
    var l = $('.wrapper > .page').length;
    
   $('#wrapper').css('width',$(window).width()*l);
   $('#wrapper > .page').css('width',$(window).width());
    
});