body {
  background: #fff;
  margin: 30px auto;
  line-height: 1.6;
  padding: 0 1px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  grid-template-rows: repeat(auto-fill, minmax(20%, 1fr));
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

body > div {
  margin: 1px;
  padding: 1px;
}
div > figure {
  margin: 1em;
}


div .image {
  border: 1px solid black;
  min-width: auto;
  background-color: white;
  box-shadow: 10px 10px 5px #eee;
}

div .pdf {
  border:1px solid black;
  min-width: auto;
  background-color: white;
  box-shadow: 10px 10px 5px #eee;
}

div > video {
  border:1px solid black;
  min-width: auto;
  background-color: white;
  box-shadow: 10px 10px 5px #eee;
}
div > audio {
  border:1px solid black;
  min-width: auto;
  background-color: white;
  box-shadow: 10px 10px 5px #eee;
}
div > pre {
  border:1px solid black;
  min-width: auto;
  background-color: white;
  color: black;
  box-shadow: 10px 10px 5px #eee;
}


img {
  width: auto;
  height: auto;
}