html, body {
  height: 100%;
  width: 100%;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
}

.gallery {
  column-count: 2;
  column-gap:10px;
}
.gallery figure {
  border:1px solid black;
  margin:0;
}
.gallery img {
  width:100%;
  margin:0;
  padding:0;
}
.gallery figcaption {
  display:block;
  padding:3px;
}


 /*   ===== DESKTOP  media query overrides mobile and tablet styles ===== */
  @media all and (min-width: 1080px) {
    .gallery {
      column-count: 4;
      column-gap:20px;
    }
  }