<div id="app"></div>

img {
  max-width: 100%;
  padding-bottom: 1rem;
}

const { Container, Row, Col } = Reactstrap;

class Demo extends React.Component {
  render() {
    return (
      <Container>
        <Row noGutters>
          <Col xs={6} sm={4} md={3} lg={3}>
            <img src="https://images.unsplash.com/photo-1528313316397-ddee14ed98f0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2250&q=80" alt="Cute Animal" />
          </Col>
          <Col xs={6} sm={4} md={3} lg={3}>
            <img src="https://images.unsplash.com/photo-1528313316397-ddee14ed98f0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2250&q=80" alt="Cute Animal" />
          </Col>
          <Col xs={6} sm={4} md={3} lg={3}>
            <img src="https://images.unsplash.com/photo-1528313316397-ddee14ed98f0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2250&q=80" alt="Cute Animal" />
            </Col>
          <Col xs={6} sm={4} md={3} lg={3}>
            <img src="https://images.unsplash.com/photo-1528313316397-ddee14ed98f0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2250&q=80" alt="Cute Animal" />
            </Col>
          <Col xs={6} sm={4} md={3} lg={3}>
            <img src="https://images.unsplash.com/photo-1528313316397-ddee14ed98f0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2250&q=80" alt="Cute Animal" />
            </Col>
          <Col xs={6} sm={4} md={3} lg={3}>
            <img src="https://images.unsplash.com/photo-1528313316397-ddee14ed98f0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2250&q=80" alt="Cute Animal" />
          </Col>
          <Col xs={6} sm={4} md={3} lg={3}>
            <img src="https://images.unsplash.com/photo-1528313316397-ddee14ed98f0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2250&q=80" alt="Cute Animal" />
          </Col>
           <Col xs={6} sm={4} md={3} lg={3}>
            <img src="https://images.unsplash.com/photo-1528313316397-ddee14ed98f0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2250&q=80" alt="Cute Animal" />
          </Col>
          <Col xs={6} sm={4} md={3} lg={3}>
            <img src="https://images.unsplash.com/photo-1528313316397-ddee14ed98f0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2250&q=80" alt="Cute Animal" />
          </Col>
          <Col xs={6} sm={4} md={3} lg={3}>
            <img src="https://images.unsplash.com/photo-1528313316397-ddee14ed98f0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2250&q=80" alt="Cute Animal" />
          </Col>
        </Row>
      </Container>
    );
  }
}

ReactDOM.render(
  <Demo />,
  document.getElementById('app')
);