JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
  <div class="jumbotron">
    <h1><span class="glyphicon glyphicon-picture" aria-hidden="true"></span> The Image Gallery</h1>
    <p>
      Manila - A bunch of images from the city I was born in (with photos I didn't take)
    </p>
    <div class="row">
      <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
          <img src="https://images.unsplash.com/photo-1520177621480-030b90c31f1c?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=e35879c1bf55ea0b9d516fa110885ead&auto=format&fit=crop&w=500&q=60">
        </div>
      </div>
      <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
          <img src="https://images.unsplash.com/photo-1521993225894-b506a694ae66?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=6e83cbfd2d523ec1793dc2f9b285b574&auto=format&fit=crop&w=500&q=60">
        </div>
      </div>
      <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
          <img src="https://images.unsplash.com/photo-1510672151757-6a0d9d06b4fb?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=64c5bed898600148d787956c4446d623&auto=format&fit=crop&w=500&q=60">
        </div>
      </div>
      <!-- 2nd row -->
      <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
          <img src="https://images.unsplash.com/photo-1521295105158-fdc2a8225628?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=eb9798deb2e23486ef9500b392c142a5&auto=format&fit=crop&w=500&q=60">
        </div>
      </div>
      <div class="col-lg-4 col-sm-6">
        <div class="thumbnail">
          <img...

CSS

IMG {
  width: 100%;
  
}