.post-listing {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

.card-container {
  display: block;
  text-decoration: none;
  color: inherit;
}

.card-container:hover .card-heading {
  text-decoration: underline;
}

.card-thumbnail {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
}

.card-thumbnail img {
  object-fit: cover;
}

.card-content {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}