JSFiddle - React, Tailwind, and code Playground

by icodeforlove

CSS

body {
    font-size: 12px;
    font-family: arial;
}
.painting {
    width: 200px;
    display: inline-block;
    text-decoration: none;
    padding: 2px;
    border: 1px solid #ccc;
    margin: 4px;
}
.image {
    width: 200px;
    height: 200px;
    background-size: 100% auto;
    background-position: center top;
    display: inline-block;
    text-decoration: none;
}
.info {
    overflow: hidden; 
}
.size {
    float: left;
}
.price {
    float: right;
}

JavaScript

var images = [ { url: 'http://www.ubudpainting.com/abstract-painting/abstract-point.php',
    image: 'http://www.ubudpainting.com/images/photo/08ba870f9c776583e3e8e88cd729491c.jpg',
    title: 'Point',
    type: 'Acrylic on Canvas',
    size: '80 X 70cm',
    price: 'USD 77.00' },
  { url: 'http://www.ubudpainting.com/abstract-painting/abstract-kubisme.php',
    image: 'http://www.ubudpainting.com/images/photo/1edf23ab075ebbe153cebc3a951eec86.jpg',
    title: 'Abstract Kubisme',
    type: 'Acrylic on Canvas',
    size: '100 x 120cm',
    price: 'USD 90.00' },
  { url: 'http://www.ubudpainting.com/abstract-painting/abstract-guitar.php',
    image: 'http://www.ubudpainting.com/images/photo/6834d749911d1864a1a3995f2888f746.jpg',
    title: 'Abstract Guitar',
    type: 'Acrylic on Canvas',
    size: '80 x 120cm',
    price: 'USD 84.00' },
  { url: 'http://www.ubudpainting.com/abstract-painting/abstract-karang1.php',
    image: 'http://www.ubudpainting.com/images/photo/6c2824b872a4db8dbdca1606a530c55f.jpg',
    title: 'Abstract Set3',
    type: 'Acrylic on Canvas',
    size: '100 x 100cm',
    price: 'USD 52.50' },
  { url: 'http://www.ubudpainting.com/abstract-painting/abstract-karang2.php',
    image: 'http://www.ubudpainting.com/images/photo/8bfa658281a0243f5969f95b2b34456f.jpg',
    title: 'Abstract ',
    type: 'Acrylic on Canvas',
    size: '50 x 150cm',
    price: 'USD 50.00' },
  { url: 'http://www.ubudpainting.com/abstract-painting/abstract-karang3.php',
    image: 'http://www.ubudpainting.com/images/photo/af974054d3b3f5e5cd390a76fbfb28a8.jpg',
    title: 'Abstract',
    type: 'Acrylic on Canvas',
    size: '50 x 150cm',
    price: 'USD 50.00' },
  { url: 'http://www.ubudpainting.com/abstract-painting/abstract-karang4.php',
    image: 'http://www.ubudpainting.com/images/photo/44844621151426bc4e67ddafc2364d11.jpg',
    title: 'Abstract',
    type: 'Acrylic on Canvas',
    size: '50 x 150cm',
    price: 'USD 50.00' },
  { url:...