.root {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.root > div:nth-child(2n + 1) {
    padding-left: 36px;
}

.root > div:nth-child(2n) {
    padding-right: 36px;
    margin-left: -1px;
}

.root > div:nth-child(n + 3) {
    margin-top: -1px;
}

@media (width <= 768px) {
    .root {
        grid-template-columns: 1fr;
    }

    .root > div:nth-child(2n + 1) {
        padding-left: 0;
    }

    .root > div:nth-child(2n) {
        padding-right: 0;
        margin-left: 0;
    }

    .root > div:nth-child(n + 2) {
        margin-top: 0;
    }

    .root > div:not(:first-child) {
        margin-top: -1px;
    }
}
