.grid-v2 {
    width: 100%;
    margin: 0 auto;
}

.grid-v2 .grid-container {
    display: grid;
    gap: 0;
    padding: 0;
}

@media screen and (min-width: 768px) {

    .grid-v2 .grid-container {
        gap: 24px;
    }

    /* Column variations for frontend only */
    .grid-v2.has-1-columns .grid-container {
        grid-template-columns:1fr;
    }

    .grid-v2.has-2-columns .grid-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-v2.has-3-columns .grid-container {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-v2.has-4-columns .grid-container {
        grid-template-columns: repeat(4, 1fr);
    }

    .grid-v2.has-5-columns .grid-container {
        grid-template-columns: repeat(5, 1fr);
    }

    .grid-v2.has-6-columns .grid-container {
        grid-template-columns: repeat(6, 1fr);
    }

}

/* editor */

.acf-block-preview .grid-v2 .grid-container {
    grid-template-columns: 1fr;
}

.grid-container .block-editor-block-list__layout {
    display: grid;
    gap: 2rem;
    padding: 2rem;
}

.acf-block-preview .grid-v2.has-2-columns .grid-container .block-editor-block-list__layout {
    grid-template-columns: repeat(2, 1fr);
}

.acf-block-preview .grid-v2.has-3-columns .grid-container .block-editor-block-list__layout {
    grid-template-columns: repeat(3, 1fr);
}

.acf-block-preview .grid-v2.has-4-columns .grid-container .block-editor-block-list__layout {
    grid-template-columns: repeat(4, 1fr);
}

.acf-block-preview .grid-v2.has-5-columns .grid-container .block-editor-block-list__layout {
    grid-template-columns: repeat(5, 1fr);
}

.acf-block-preview .grid-v2.has-6-columns .grid-container .block-editor-block-list__layout {
    grid-template-columns: repeat(6, 1fr);
}

.acf-block-preview .grid-v2 {
    border: 1px dotted red;
}