JSFiddle - React, Tailwind, and code Playground

by SARAVANA KUMAR

HTML

<div class="pic-container">
            <a href="writeA.html"><img src="images/A.png" /></a>
            <a href="writeB.html"><img src="images/B.png" /></a>
            <a href="writeC.html"><img src="images/C.png" /></a>
            <a href="writeD.html"><img src="images/D.png" /></a>
            <a href="writeE.html"><img src="images/E.png" /></a>
                <a href="writeA.html"><img src="images/A.png" /></a>
            <a href="writeB.html"><img src="images/B.png" /></a>
            <a href="writeC.html"><img src="images/C.png" /></a>
            <a href="writeD.html"><img src="images/D.png" /></a>
            <a href="writeE.html"><img src="images/E.png" /></a>
                <a href="writeA.html"><img src="images/A.png" /></a>
            <a href="writeB.html"><img src="images/B.png" /></a>
            <a href="writeC.html"><img src="images/C.png" /></a>
            <a href="writeD.html"><img src="images/D.png" /></a>
            <a href="writeE.html"><img src="images/E.png" /></a>
</div>

CSS

.pic-container {
    width: 50px;
    height: 200px;
    overflow-x: scroll;
}