error in checkout page

Hello. I am new here and still learning css and wordpress.

Please help me with my checkout page.

https://mepatisserie.store/checkout/
but you might need to add a product first before going to the checkout page
https://mepatisserie.store/shop/

There are 2 main problems
1. The customer data column is way too small, and the your order summary “your order” is also way too small. Is there any way to make the width 100% of the page?
2. In the order summary “Your Order”, how to decrease the width of the product column and increase the subtotal width? My product name is not too long and my shipping option names need more space. I tried to add some css like below but did not work

.cart-subtotal td, {
width: 100%
}

.woocommerce-checkout .col-1, .woocommerce-checkout .col-2 {
    max-width: 100%;
}
.woocommerce-checkout .form-row {
    display: block;
}
.woocommerce-checkout-review-order-table td {
width: 10px;
}

Currently there are only 2 plugins running – elementor pro and woocommerce. I turned off all plugins.
Theme : storefront

The page I need help with: [log in to see the link]