JSFiddle - React, Tailwind, and code Playground

by mrjordy

HTML

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway" />
<div class="imgBack">
  <div class="imgThing img1 "></div>
  <div class="imgThing img2 "></div>
  <div class="imgThing img3 "></div>
  <div class="imgThing img4 "></div>
  <div class="imgThing img5 "></div>
  <div class="imgThing img6 "></div>
  <div class="imgThing img7 "></div>
  <div class="imgThing img8 "></div>
  <div class="imgThing img9 "></div>
  <div class="imgThing img10 "></div>
  <div class="imgThing img11 "></div>
  <div class="imgThing img12 "></div>
  <div class="imgThing img13 "></div>
  <div class="imgThing img14 "></div>
  <div class="imgThing img15 "></div>
  <div class="imgThing img16 "></div>
  <div class="imgThing img17 "></div>
  <div class="imgThing img18 "></div>
  <div class="imgThing img19 "></div>
  <div class="imgThing img20 "></div>
  <div class="imgThing img21 "></div>
  <div class="imgThing img22 "></div>
  <div class="imgThing img23 "></div>
  <div class="imgThing img24 "></div>
  <div class="imgThing img25 "></div>
  <div class="imgThing img26 "></div>
  <div class="imgThing img28 "></div>
  <div class="imgThing img29 "></div>
  <div class="imgThing img30 "></div>
  <div class="imgThing img31 "></div>
  <div class="imgThing img32 "></div>
  <div class="imgThing img34 "></div>
  <div class="imgThing img36 "></div>
  <div class="imgThing img37 "></div>
  <div class="imgThing img38 "></div>
  <div class="imgThing img39 "></div>
  <div class="imgThing img40 "></div>
  <div class="imgThing img41 "></div>
  <div class="imgThing img42 "></div>
  <div class="imgThing img43 "></div>
  <div class="imgThing img44 "></div>
  <div class="imgThing img45 "></div>
  <div class="imgThing img46 "></div>
  <div class="imgThing img47 "></div>
  <div class="imgThing img48 "></div>
  <div class="imgThing img49 "></div>
  <div class="imgThing img1 "></div>
  <div class="imgThing img2 "></div>
  <div class="imgThing img3 "></div>
  <div class="imgThing img4...

CSS

.img1{background: url('https://live.staticflickr.com/65535/50018062928_acaede3b8b_z.jpg')}
.img2{background: url('https://live.staticflickr.com/65535/50018062943_5201234574_z.jpg')}
.img3{background: url('https://live.staticflickr.com/65535/50018062978_a99213560c_z.jpg')}
.img4{background: url('https://live.staticflickr.com/65535/50018062988_411b955365_z.jpg')}
.img5{background: url('https://live.staticflickr.com/65535/50018062998_dc5afef0e0_z.jpg')}
.img6{background: url('https://live.staticflickr.com/65535/50018063033_2d6cd0d27a_z.jpg')}
.img7{background: url('https://live.staticflickr.com/65535/50018063103_b5b329b95a_z.jpg')}
.img8{background: url('https://live.staticflickr.com/65535/50018063108_ab8a017bc1_z.jpg')}
.img9{background: url('https://live.staticflickr.com/65535/50018063143_ff0735d991_z.jpg')}
.img10{background: url('https://live.staticflickr.com/65535/50018063263_4a9c2eb1d1_z.jpg')}
.img11{background: url('https://live.staticflickr.com/65535/50018063358_38a1f3f477_z.jpg')}
.img12{background: url('https://live.staticflickr.com/65535/50018063363_508e6fdf29_z.jpg')}
.img13{background: url('https://live.staticflickr.com/65535/50018063368_4680959483_z.jpg')}
.img14{background: url('https://live.staticflickr.com/65535/50018063393_4cb392d9a1_z.jpg')}
.img15{background: url('https://live.staticflickr.com/65535/50018063398_f10c30e8ec_z.jpg')}
.img16{background: url('https://live.staticflickr.com/65535/50018063433_d4cf77af9d_z.jpg')}
.img17{background: url('https://live.staticflickr.com/65535/50018063528_0c828a0445_z.jpg')}
.img18{background: url('https://live.staticflickr.com/65535/50018591421_1cdce49ece_z.jpg')}
.img19{background: url('https://live.staticflickr.com/65535/50018591436_363803230f_z.jpg')}
.img20{background: url('https://live.staticflickr.com/65535/50018591476_413ea0548b_z.jpg')}
.img21{background: url('https://live.staticflickr.com/65535/50018591486_1ac2d8c9d8_z.jpg')}
.img22{background:...