Variable Cards

1. Create a page Process (Before Header)

apex_css.add (
    p_css => '@media (min-width: 768px) {
                .t-Cards--4cols {
                  grid-template-columns: repeat('||:P10_MAX_CARDS_PER_ROW||', 1fr) !important; 
                }
              }',
    p_key => 't-Cards--4cols' );
}

2. Compute the number of max cards per line

In this example it is just the value of the radio group