.single_post_list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--gap-s);

  .single_post {
    flex-basis: 100%;
  }

  /* responsive */
  @media (width >= 576px) {
    .single_post {
      flex-basis: calc(50% - (var(--gap-s) / 2));
    }
  }

  @media (width >= 992px) {
    .single_post {
      flex-basis: calc(33.333% - (var(--gap-s) * 2) / 3);
    }
  }
}