JSFiddle - React, Tailwind, and code Playground

by annndrewww

HTML

<div class="tours">
        <div class="wrapper-full">
          <div class="tours-tour tour">
            <div class="tour-pic">
              <img src="img/tours/tour-1.jpg" alt="Prefecture in Focus: Tottori">
            </div>
            <div class="tour-info">
              <h3 class="tour-title">
                Prefecture in Focus: Tottori
              </h3>
              <div class="tour-desc">
                Jump off balcony, onto stranger's head. Chase ball of string hide when guests come over. Being gorgeous with belly side up i could pee on this if i had the energy but under the bed, for attack the child, open the door, 
              </div>
              <a href="#" class="tour-view">VIEW PREFECTURE</a>
            </div>
          </div>
        </div>
      </div>

CSS

.tours {
  margin-bottom: 139px;
}
.tours-tour {
  display: grid;
  grid-template-columns: repeat (2, 1fr );
  grid-gap: 0 108px;
}