@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    /* YOUR MOBILE STYLE HERE */
    dl {
          columns: 1;
    }
}

@media only screen and (min-width: 768px) {
    /* For mobile phones: */
    /* YOUR MOBILE STYLE HERE */
    dl {
        columns: 3;
        column-gap: 40px;
    }
}