Help resizing columns..

Hello, I tried to change the .ul.products width to 60% because when I set the element for the whole page width my products are waaay to wide. When I set it to 60%, my products are the width I need but not centered.. Is there any code to fix this?

Before page element is in box and not full screen width – https://i.gyazo.com/fa0a8aba6912d6b4a2c44d438c0be30b.png

Here I set the element to be full page width, but products are wayy to big/wide – https://i.gyazo.com/6eedf10208df146ff86c61c29186be91.jpg

Here is what I need, but centered.. – https://i.gyazo.com/bf8fdc8de772220252b0a39573cc3cc6.jpg