Make shipping row in woocommerce cart and checkout to full width

expend shipping row

/**
* @snippet    Expend WooCommerce Shipping Row in Cart and Checkout
*/
 
add_action( 'wp_footer', 'expend_shipping_row_jscript', 9999 );
 
function expend_shipping_row_jscript() {
   if ( is_cart() || is_checkout() && empty( $wp->query_vars['order-pay'] ) && ! isset( $wp->query_vars['order-received'] ) ) {
    ?>
    <script type="text/javascript">
	jQuery(document).ready(function($) {
            $('table.shop_table tr.shipping > td ').attr('colspan',2);
	    $( 'body' ).on( 'updated_checkout', function() {
	    	$('table.shop_table tr.shipping > td ').attr('colspan',2);
	    });
        });
    </script>
    <?php   }
}

row css

tr.shipping th {
    display:none
}
tr.shipping td:before {
    content: attr(data-title);
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

before image:
after image:

Good work! I keep it for later :)

Nice. Thanks:)