.mdl-archive-blog__container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 54px;
}
.mdl-archive-blog__container .mdl-blog__item {
  width: calc(100% / 3 - 80px / 3);
}
@media screen and (max-width: 768px) {
  .mdl-archive-blog__container {
    flex-direction: column;
    gap: 32px;
    margin-bottom: 26px;
  }
  .mdl-archive-blog__container .mdl-blog__item {
    width: 100%;
  }
}