/* 4 column layout */
@container listing (width < 1250px) {
  section.entry {
    flex-basis: calc(25% - 1em);
  }
}

/* 3 column layout */
@container listing (width < 1000px) {
  section.entry {
    flex-basis: calc(33% - 1em);
  }
}

/* 2 column layout */
@container listing (width < 750px) {
  section.entry {
    flex-basis: calc(50% - 1em);
  }
}

/* 1 column layout */
@container listing (width < 500px) {
  section.entry {
    flex-basis: 100%;
  }
}