JSFiddle - React, Tailwind, and code Playground

by niks999

HTML

<div id="slideshow1" class="slideshow">
    <div class="slide">
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
    </div>
    <div class="slide">
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
    </div>
    <div class="slide">
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
        <img src="http://placehold.it/137x137" />
    </div>
</div>

CSS

.slideshow {
    margin: 20px auto;
    padding: 0;
    float: left;
    width: 91%;
    margin-left:auto;
    margin-right:auto;
}
.slide {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
img {
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #eee;
    margin: 0;
    width: 125px;
    height: 125px;
}