JSFiddle - React, Tailwind, and code Playground

by jasonmerino

HTML

<p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p><p>Scroll</p>

<div class="swipe">
    <div class="swipe-wrap" id="swipe-wrap">
        <div>
            <img src="http://distilleryimage9.s3.amazonaws.com/8f68309ce4f511e1b0c912313b089111_7.jpg" alt="">
        </div>
        <div>
            <img src="http://distilleryimage11.s3.amazonaws.com/3d174250f7cf11e1bb3e22000a1e9b9f_7.jpg" alt="">
        </div>
        <div>
            <img src="http://distilleryimage1.s3.amazonaws.com/de1e97922f2111e19896123138142014_7.jpg" alt="">
        </div>
        <div>
            <img src="http://distilleryimage9.s3.amazonaws.com/3a0ede28294511e19e4a12313813ffc0_7.jpg" alt="">
        </div>
        <div>
            <img src="http://distilleryimage3.s3.amazonaws.com/f09bcba834d311e1abb01231381b65e3_7.jpg" alt="">
        </div>
        <div>
            <img src="http://distilleryimage9.s3.amazonaws.com/8f68309ce4f511e1b0c912313b089111_7.jpg" alt="">
        </div>
        <div>
            <img...

CSS

.swipe {
            -webkit-overflow-scrolling: touch;
            overflow-x: scroll;
            position: relative;
        }
        .swipe-wrap {
            display: -webkit-inline-flex;
            -webkit-flex-direction: row;
            -webkit-flex-wrap: nowrap;
        }
        .swipe-wrap > div {
            display: block;
            margin: 5px 20px;
        }