.boat-gallery-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.boat-gallery-grid > div {
  text-align: center;
  line-height: 2.5;
}
@media screen and (max-width: 992px) {
  .boat-gallery-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (max-width: 600px) {
  .boat-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}