elementor-grid.css

Elementor Grid CSS

/*para desktop*/
@media (min-width: 1025px) {

    :root {
        --columns: 12;
        --width: 1140px;
        --offset: 0px;
        --gutter: 20px;
        --color: #f90fba14;
    }
}

/*para tablet*/
@media (min-width: 768px) and (max-width: 1024px) {
    :root {
        --columns: 6;
        --width: 1024px;
        --offset: 48px;
        --gutter: 16px;
        --color: #f90fba14;
    }
}

/*para mobile*/
@media (max-width: 767px) {
    :root {
        --columns: 4;
        --width: 767px;
        --offset: 20px;
        --gutter: 8px;
        --color: #f90fba14;
    }
}

/*não mexa em nada daqui pra baixo*/
body::after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    pointer-events: none;
    z-index: 1000;
    min-height: 100vh;
    width: calc(100% - (2 * var(--offset)));
    max-width: var(--width);
    background-size: calc(100% + var(--gutter)) 100%;
    background-image: repeating-linear-gradient(to right, var(--color), var(--color) calc((100% / var(--columns)) - var(--gutter)), transparent calc((100% / var(--columns)) - var(--gutter)), transparent calc(100% / var(--columns)));
}