.all-posts {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr auto;
  justify-items: stretch;
  width: 50vw;
  background-color: AntiqueWhite;
  border: solid purple 2px;
}

.post {
  padding: 2em;
}

.blog-column {
  grid-column: auto / span 12;
  border: dashed deeppink 3px;
  margin: 10px;
}

.post:hover {
  background-color: BurlyWood;
}

a {
  text-decoration: none;
  color: black;
}