.posts h1 {
    text-align: center;
}

.post-list {
    padding: 0;
}

.post-list li {
    display: grid;
    grid-template-columns: auto max-content;
    grid-template-areas: "title date";

    align-items: end;
    gap: 0 .25rem;
}

.post-title {
    grid-area: title;
    position: relative;
    overflow: hidden;
}

.post-title::after {
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    position: absolute;
    padding-left: .25ch;
    text-align: right;
}

.post-date {
    grid-area: date;
}