I started to do the example picture part of my new project and then suddenly this big white space appeared on the right hand side and it is making it also very frustrating to center my pictures. I am pretty new to this and learning as I go along.
You are using it wrong. Just remove
margin-left:445px and make it
margin-left:auto and remove
float:left from .section-examples class and your images(section) will be in center.
In above container you are using box div inside row then why you are using that div outside in 3rd section?? Just simply cut that box folder and put inside second div (row) of image section and you are done :)