.gallery-grid {
  display: grid;
  gap: 10px;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); /* сетка с адаптивными колонками */
  justify-content: center;  /* центрируем сетку, когда есть «воздух» справа/слева */
}

/* чтобы превью были аккуратными и одинаковыми по высоте */
.gallery-grid a {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;   /* можно 3/2 или 16/9 */
  overflow: hidden;
  border-radius: 10px;
}
.gallery-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* не даст «вылезти» */
  display: block;
}