.gallery {
  margin: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 400px));
  grid-column-gap: 20px;
  grid-row-gap: 20px;

  justify-content: space-around;
}

.gallery-entry {
  display: relative;
  background-color: rgb(64,32,0);
  padding: 10px;
  width: auto;

  vertical-align:text-top;
  float:left;
  margin: 10px;
}

.gallery-entry  img {
  float: left;
  display: inline;
  width: 100%;
}

.content-description > div.gallery-entry  img {
  margin-right: 10px;
  width: 50%;
}

.gallery-entry a {
  display: inline;
  clear: none;
  vertical-align: text-top;
  /* width: 300px; */
}

.content-description > div.gallery-entry {
  width: 300px;
}

.content-description > div.gallery-entry p {
  display: inline;
  font-size: 0.67em;
}


@media screen and (max-width: 500px) {
  .content-description > div.gallery-entry {
    width: 100%;
    margin: 0;
  }

}