Two Portfolio Code Question

I’m struggling to figure out the formatting for the following tow issues when beginning to layout my portfolio page.

Question 1: What in bootstrap or my html makes the header slightly wider on the right side?

Question 2: Why does the navigation overlap when each have their own designated column?

Link to Codepen:

Thanks for the help.


your closing header tag is in the wrong place

if this is what you are aiming for


If I change the header closing tag it is now mis-aligned on the left.