.blog__food {
  margin-top: 5rem;
}

.blog__food .blog__food__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.blog__food .blog__food__content h2 {
  font-size: 3rem;
  font-weight: 600;
}

.blog__food .blog__food__content .blog__food__card__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}

.blog__food .blog__food__content .blog__food__card__list .blog__food__card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.blog__food .blog__food__content .blog__food__card__list .blog__food__card img {
  border-radius: 1rem;
  width: 100%;
  object-fit: cover;
}

.blog__food
  .blog__food__content
  .blog__food__card__list
  .blog__food__card
  .blog__food__card__title {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.blog__food .blog__food__content .blog__food__card__list .blog__food__card h3 {
  font-size: 1.6rem;
  max-width: 70%;
  font-weight: 600;
}
.blog__food .blog__food__content .blog__food__card__list .blog__food__card p {
  font-size: 0.9rem;
  max-width: 80%;
}

@media (max-width: 422px) {
  .blog__food
    .blog__food__content
    .blog__food__card__list
    .blog__food__card
    .blog__food__card__title {
    flex-direction: column;
  }
}