Hello, I am creating a website where categories on the front page are organized in two columns of five. I have the entire homepage aligned to the middle as desired. My issue is, I can't seem to align the content section to the right far enough. I have used margin, border, and padding. None of them seem to push the columns far enough to the right to appear aligned middle. I have attached a picture of what it looks like, and how I would like it to look. I am new to coding HTML, CSS, or JAVA so if there is something I need to google to learn, pointing me to the right direction is sufficient. 
(the current alignment on the columns and rows)

(how I am hoping it will turn out)
Thanks