Change Footer Widget Width for Tablet PHP

Hey guys,

I am using this trick to adjust the width of my footer widgets. My code is:

add_filter( 'generate_footer_widget_1_width', function() {
    return '45';
} );
add_filter( 'generate_footer_widget_2_width', function() {
    return '30';
} );
add_filter( 'generate_footer_widget_3_width', function() {
    return '25';
} );

I'm now wondering how I can make the tablet-grid go to 100% width for each (as it does on mobile). Right now it's defaulting them to 50% which isn't looking right. This is appearing when I "inspect" the footer widget:

footer-widget-1 grid-parent grid-45 tablet-grid-50 mobile-grid-100

Thanks,

Rylan