/* (A) GALLERY CONTAINER */
/* (A1) ON BIG SCREENS */
.container {
  justify-items: center;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 5px;
  max-width: 1200px;
  margin: 5px auto;
}
/* (A2) ON SMALL SCREENS */
@media screen and (max-width: 640px) {
  .gallery {
    grid-template-columns: repeat(2, auto); /* 2 IMAGES PER ROW */
  }
}
 
/* (B) THUMBNAILS */
.gallery img {
  width: 100%;
  height: 100%;
  /* FILL, CONTAIN, COVER, SCALE-DOWN : USE WHICHEVER YOU LIKE */
  object-fit: SCALE-DOWN;
}
.gallery img:fullscreen { object-fit: contain; }
/*figcaption {text-align: center;}*/
 
/* (X) DOES NOT MATTER */
body, html {
  padding: 0;
  margin: 0;
}