.frame-type-r2_griddemo .grid{ position:relative; overflow:hidden; min-height:var(--gap); }
    .frame-type-r2_griddemo .row{ background-color:rgba(var(--rgb_color_value_base),0.15); text-align:center; }
        .frame-type-r2_griddemo .row .label{ font-weight:bold; }

    .frame-type-r2_griddemo .columns{
        position:absolute; top:0; left:50%; transform: translateX(-50%); height:100%; z-index:-1;
        display:grid; grid-template-columns:repeat(12, 1fr); gap:var(--gap);
    }
        .frame-type-r2_griddemo .columns > div{ background-color:rgba(var(--rgb_color_value_warning),0.15); }

@media screen and (max-width:800px){
    .frame-type-r2_griddemo .columns{ grid-template-columns:repeat(8, 1fr);    }
        .frame-type-r2_griddemo .columns > div:nth-last-child(-n+4){ display:none; }
}