.grid { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 20px;
  align-items: stretch;
  }
.grid > article {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
}
.grid > article img {
  max-width: 100%;
}
.text {
  padding: 0 20px 20px;
}
.text > button {
  background: gray;
  border: 0;
  color: white;
  padding: 10px;
  width: 100%;
  }
  article {
    text-align:center;
    padding:1em;
  }
  .submitbtn {
    width:100% !important;
  }
  .donebtn {
    width:30%;
    background:#020b38;
    color:#fff;
    padding:1em;
    border-radius:10px;
    margin-top:1em;
    font-size:1.2em;
    font-weight:bold;
  }
  .caption {
    font-size:.8em;
  }
  .crop {
    max-height: 150px; overflow: hidden;
    width:auto !important;
  }

  .crop img {
    max-width:initial;
  }
  .gallery img {
    max-width:200px;
    padding:1em;
    vertical-align:top;
  }
  .deletebtn {
    background:red;
    color:#fff;
    font-weight:bold;
    text-align:center;
    padding:.5em;
    border-radius:10px;
  }