/* ==========================================================================
   THUMBNAIL GRIDS
   ========================================================================== */

/* Thumbnail image grid (default content width) */

/**
 *
 * Example usage:
 *  <ul class="th-grid">
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *  </ul>
 *
 */

.th-grid {
  display: flex;
  padding-left: 0; // reset
  flex-wrap: wrap;
  li {
    list-style: none;
    flex: auto;
    margin: 0.5vw;
    width: 100px;
  }
  a {
    border-bottom-width: 0 !important; // override
    img {
      // Image hover animation
      transition: transform 0.3s;
      &:hover {
        transform: scale(1.1);
        box-shadow: 0 0 10px rgba($black, .20);
      }
    }
  }
  img {
    width: 100%;
    height: auto;
  }
}

/* ==========================================================================
   THUMBNAIL GRIDS
   ========================================================================== */

/* Thumbnail image grid (default content width) */

/**
 *
 * Example usage:
 *  <ul class="th-grid">
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *    <li><a href="#"><img src="image.jpg" alt=""></a></li>
 *  </ul>
 *
 */

.th-grid {
  display: flex;
  padding-left: 0; // reset
  flex-wrap: wrap;

  li {
    list-style: none;
    flex: auto;
    margin: 0.5vw !important; // override
    width: 100px;
  }

  a {
    border-bottom-width: 0 !important; // override
    img {
      // Image hover animation
      transition: transform 0.3s;
      &:hover {
        transform: scale(1.1);
        box-shadow: 0 0 10px rgba($black, .20);
      }
    }
  }

  img {
    width: 100%;
    height: auto;
  }
}

Fix thumbnail grid spacing - Margin added to list elements caused a ruckus in the grid. - Add margin override on thumbnail grid to counter that
Fix thumbnail grid spacing
- Margin added to list elements caused a ruckus in the grid.
- Add margin override on thumbnail grid to counter that
