JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<div id="wrap">
    <div class="image">
        <img src="http://lorempixel.com/output/fashion-q-g-1724-977-2.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/nature-q-c-1724-977-9.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/nightlife-q-c-1724-977-5.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/people-q-g-1724-977-10.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/nature-q-g-1724-977-2.jpg" />
    </div>
    
    
    <div class="image">
        <img src="http://lorempixel.com/output/nature-q-g-1724-977-5.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/nightlife-q-g-1724-977-8.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/people-q-c-1724-977-4.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/city-q-c-1724-977-6.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/city-q-g-1724-977-7.jpg" />
    </div>
    
    <div class="image">
        <img src="http://lorempixel.com/output/fashion-q-g-1724-977-2.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/nature-q-c-1724-977-9.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/nightlife-q-c-1724-977-5.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/people-q-g-1724-977-10.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/nature-q-g-1724-977-2.jpg" />
    </div>
    
    
    <div class="image">
        <img src="http://lorempixel.com/output/nature-q-g-1724-977-5.jpg" />
    </div>
    <div class="image">
        <img src="http://lorempixel.com/output/nightlife-q-g-1724-977-8.jpg" />
    </div>
    <div class="image">
        <img...

CSS

html, body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
#wrap {
    width:500%;
    height:500%;
}
.image {
    width:20%;
    height:20%;
    overflow:hidden;
    float:left;
}
.image img {
    display:block;
    margin:0 auto;
    width:auto;
    height:100%;
    width:auto;
}