.page {
    max-width: 50rem;
}

.posts div {
    /* forces the two columns to be equal width */
    flex-basis: 0;
    flex-grow: 1;
}

.posts ul {
    padding-left: 0;
    list-style-type: none;
}

.posts li {
    margin-bottom: 15px;
}

@media screen and (min-width: 600px) {
    .posts {
        display: flex;
        flex-direction: row;
        column-gap: 30px;
    }

    .posts h2 {
        text-align: center;
    }
}