Isla

<iframe height="300" style="width: 100%;" scrolling="no" title="GSAP Starter Template" src="https://codepen.io/Islamsaeed/embed/gOKpZeY?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"> See the Pen <a href="https://codepen.io/Islamsaeed/pen/gOKpZeY"> GSAP Starter Template</a> by Islam (<a href="https://codepen.io/Islamsaeed">@Islamsaeed</a>) on <a href="https://codepen.io">CodePen</a>. </iframe> i tried but can't , still the same problem of the last box

https://codepen.io/Islamsaeed/pen/gOKpZeY i did that but still in mobile can't all of them ,the last one not shown completely, don't know how to use matchMedia()

thanks so much for the great support , in mobile it doesn't work as in other screens , is that because col-12

https://codepen.io/Islamsaeed/pen/LYrEqxV this is my code really thanks so much for the support

I have 4 boxs created by boostrap I want to make horizontal scroll when i scroll down but i can't i tried everything with no results <div class="edition"> <div class ="container" > <div class ="row" > <div class ="col-3" > <div class =edition-box"" >....</div> </div> <div class ="col-3" > <div class =edition-box"" >....</div> </div> <div class ="col-3" > <div class =edition-box"" >....</div> </div> </div> ><¬> </div> </div>