.blog_block {
  padding: 9rem 0 8rem;
}
@media only screen and (max-width: 834px) {
  .blog_block {
    padding: 7rem 0 6rem;
  }
}
@media only screen and (max-width: 576px) {
  .blog_block {
    padding: 4rem 0 5rem;
  }
}
.blog_block__posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 2rem;
}
@media only screen and (max-width: 1024px) {
  .blog_block__posts {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .blog_block__posts {
    grid-template-columns: 1fr;
  }
}