JSFiddle - React, Tailwind, and code Playground

by lottikarotti

HTML

<div class="mask">
    <div>
        <img src="http://goo.gl/V4JAV" alt="" />
        <img src="http://goo.gl/V4JAV" alt="" />
        <img src="http://goo.gl/V4JAV" alt="" />
        <img src="http://goo.gl/V4JAV" alt="" />
        <img src="http://goo.gl/V4JAV" alt="" />
        <img src="http://goo.gl/V4JAV" alt="" />
        <img src="http://goo.gl/V4JAV" alt="" />
        <img src="http://goo.gl/V4JAV" alt="" />
        <img src="http://goo.gl/V4JAV" alt="" />
        <img src="http://goo.gl/V4JAV" alt="" />
    </div>
</div>

CSS

/* normalize */
* { margin: 0 ; padding: 0 ; border: 0 none ; }


/* layout */
.mask {
    overflow-x: scroll ;
    width: 200px ;
    height: 44px ;
}

.mask div {
    width: 280px ;
}

img {
    display: block ;
    float: left ;
    margin: 2px ;
    width: 24px ;
    height: 24px ;
}