JSFiddle - React, Tailwind, and code Playground

by Jatin Patil

HTML

<div id="centeredDiv">
    <div id='container'>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic' style='background-image: url("http://media.salon.com/2013/02/golden-boy.jpg")'>
        </div>
        <div class='pic'...

CSS

#centeredDiv{
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    max-width: 1220px;
    max-height: 580px;
}
 
 
#container{
    width: 300px;
    max-height: 440px;
    background: rgba(255, 255, 255, 1);
    overflow-y: scroll;
}
 
.pic{
    float: left;
    width: 134px;
    height: 134px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
}