/* Some very basic styles... You should likely overwrite these with your own to suit your needs */

/* Responsive Images */

.photo-albums img,
.photo-items img {
  height: auto;
  max-width: 100%;
}

/* Photo Albums */

.photo-albums {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
}

/* Photo Items */

.photo-items {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
}

.photo-item {
    width: 150px;
}
@media (max-width: 900px) {
  .photo-items {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
  }
}


@media (max-width: 550px) {
  .photo-items {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }
}