How to make shop collection same width as site

Figured it out.

I was trying to remove padding on the containers, but this broke when browser width goes under 1200px.

Applying this code to the flex wrapper works:

.products-flex-container{
  max-width: 1200px;
  margin: 0 auto;
}

It's a strange problem to have to fix - I'm not sure why you would want your shop collection to be wider or narrower than the rest of the site. It would be so much better if it defaulted to the same width as the site. 

Anyway, easily fixed.