Cacher is the code snippet organizer for pro developers

<div className="css-grid">
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474445065/ballyhoo/WALK-IN/11.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Home Delivery</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1457670910/ballyhoo/PUBS/6.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Buffet</div>
        </div>
      </div>
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474444876/ballyhoo/NIGHTLIFE/4.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Bollywood Night</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1484396750/ballyhoo/TAKEAWAY/6.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Karaoke Night</div>
        </div>
      </div>
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474444602/ballyhoo/VEG/3.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Happy Hours</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474444876/ballyhoo/PUBS/18.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Ladies Night</div>
        </div>
      </div>
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1457670910/ballyhoo/NON-VEG/26.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Buffet</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1457670910/ballyhoo/WALK-IN/19.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Group Grabs</div>
        </div>
      </div>
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1457670910/ballyhoo/PUBS/5.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Couples Delight</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474445065/ballyhoo/WALK-IN/11.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">YouOnlyLiveOnce</div>
        </div>
      </div>
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474444602/ballyhoo/VEG/3.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">All F&B</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1457670910/ballyhoo/PUBS/12.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Home Delivery</div>
        </div>
      </div>
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474444876/ballyhoo/NIGHTLIFE/4.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Karaoke Night</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474444602/ballyhoo/VEG/3.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Happy Hours</div>
        </div>
      </div>
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474443025/ballyhoo/BREAKFAST/3.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Unlimited Drinks</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1484396750/ballyhoo/TAKEAWAY/6.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Table Reservation</div>
        </div>
      </div>
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474444602/ballyhoo/VEG/3.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Pubs & Brewery</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474443025/ballyhoo/BREAKFAST/3.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Clud Night</div>
        </div>
      </div>
      <div className="vertical">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1484396750/ballyhoo/TAKEAWAY/6.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Retro Rewind</div>
        </div>
      </div>
      <div className="horizontal">
        <img src="https://res.cloudinary.com/dp67gawk6/image/upload/c_scale,h_400,w_600/v1474444602/ballyhoo/VEG/3.jpg" />
        <div className="overlay-holder">
          <div className="details-holder">Ladies Night</div>
        </div>
      </div>
    </div>