ul.test > li > div {
    display: grid;
    @media (min-width: 1024px) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    border-bottom: 1px dotted #ddd;
    padding: 10px 0;
}

.test2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
}