title: woocommerce storefront width mobile screen issue
body: <p>I have a serious problem with certain parts of the woocommerce storefront's responsive theme when using mobile screen devices. I am unable to use 100% of the width of the mobile device’s screen for the related products area. I’d like the 2 columns to take advantage of the screen’s width. Can anyone help me with the css code, please? See image below</p>
  
  <p><a href="https://i.stack.imgur.com/vxfbI.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vxfbI.jpg" alt="CSS Code"></a></p>
  
  <p>The same applies to the widget section below.</p>
  
  <p><a href="https://i.stack.imgur.com/SuDFI.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SuDFI.jpg" alt="WP Content"></a></p>
  
  <p>Can please anyone help?</p>
  
  <p>The link for the page I need help with is <a href="https://www.samuelsotiega.com/product/sunrise-at-el-prado/" rel="nofollow noreferrer">https://www.samuelsotiega.com/product/sunrise-at-el-prado/</a> </p>
  
  <p>Thanks in advance</p>