.archive-grid {
  --columns: 12;
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  gap: var(--gap);
  /*overflow: hidden;*/
  container-type: normal;
  width:100%;
}

.archive-grid>.column {
  grid-column: span var(--columns);
  overflow-wrap: break-word;
  margin: 0;
  display: flex;
  flex-direction: column;
  padding: 0;

    @media (max-width:600px) {
        margin-bottom: 0
    }
}

.archive-header {
display: inline-flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 1rem;
}