#blog-list {
    padding: 0;
    width: 96%;
}

.blog-item-container {
    padding: 1em;
}

.blog-item {
  height: unset;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-areas:
    "img"
    "event"
    "title"
    "location"
    "introduction"
    "meta";
}

.blog-preview-img {
  width: unset;
  height: unset;
  margin-bottom: 1em;
}

.blog-meta {
    margin-top: 1em;
    font-size: 0.8em;
}