Guide Card: Grid

<div class="m-t500 g--4 g--4--sl">
      <a href="" class="gcd">
          <div class="gcd-ic" style="background-image: url(https://patterns.boston.gov/assets/images/fleet/allston2.jpg)"></div>
          <div class="gcd-c">
              <div class="gcd-st">City of Boston:</div>
              <div class="gcd-t">Kim Janey</div>
          </div>
      </a>
  </div>
  <div class="m-t500 g--4 g--4--sl">
      <a href="" class="gcd">
          <div class="gcd-ic" style="background-image: url(https://patterns.boston.gov/assets/images/fleet/allston2.jpg)"></div>
          <div class="gcd-c">
              <div class="gcd-st">City of Revere:</div>
              <div class="gcd-t">Brian M. Arrigo</div>
          </div>
      </a>
  </div>
  <div class="m-t500 g--4 g--4--sl">
      <a href="" class="gcd">
          <div class="gcd-ic" style="background-image: url(https://patterns.boston.gov/assets/images/fleet/allston2.jpg)"></div>
          <div class="gcd-c">
              <div class="gcd-st">Guide:</div>
              <div class="gcd-t">Affordable housing in Boston</div>
          </div>
      </a>
  </div>
  <div class="m-t500 g--4 g--4--sl">
      <a href="" class="gcd">
          <div class="gcd-ic" style="background-image: url(https://patterns.boston.gov/assets/images/fleet/allston2.jpg)"></div>
          <div class="gcd-c">
              <div class="gcd-st">Guide:</div>
              <div class="gcd-t">Affordable housing in Boston</div>
          </div>
      </a>
  </div>
  <div class="m-t500 g--4 g--4--sl">
      <a href="" class="gcd">
          <div class="gcd-ic" style="background-image: url(https://patterns.boston.gov/assets/images/fleet/allston2.jpg)"></div>
          <div class="gcd-c">
              <div class="gcd-st">Guide:</div>
              <div class="gcd-t">Affordable housing in Boston</div>
          </div>
      </a>
  </div>
  <div class="m-t500 g--4 g--4--sl">
      <a href="" class="gcd">
          <div class="gcd-ic" style="background-image: url(https://patterns.boston.gov/assets/images/fleet/allston2.jpg)"></div>
          <div class="gcd-c">
              <div class="gcd-st">Guide:</div>
              <div class="gcd-t">Affordable housing in Boston</div>
          </div>
      </a>
  </div>
  <div class="m-t500 g--4 g--4--sl">
      <a href="" class="gcd">
          <div class="gcd-ic" style="background-image: url(https://patterns.boston.gov/assets/images/fleet/allston2.jpg)"></div>
          <div class="gcd-c">
              <div class="gcd-st">Guide:</div>
              <div class="gcd-t">Affordable housing in Boston</div>
          </div>
      </a>
  </div>
  <div class="m-t500 g--4 g--4--sl">
      <a href="" class="gcd">
          <div class="gcd-ic" style="background-image: url(https://patterns.boston.gov/assets/images/fleet/allston2.jpg)"></div>
          <div class="gcd-c">
              <div class="gcd-st">Guide:</div>
              <div class="gcd-t">Affordable housing in Boston</div>
          </div>
      </a>
  </div>
  <div class="m-t500 g--4 g--4--sl">
      <a href="" class="gcd">
          <div class="gcd-ic" style="background-image: url(https://patterns.boston.gov/assets/images/fleet/allston2.jpg)"></div>
          <div class="gcd-c">
              <div class="gcd-st">Guide:</div>
              <div class="gcd-t">Affordable housing in Boston</div>
          </div>
      </a>
  </div>