Steven Parker203,995 Points
It looks like you skipped the step demonstrated about 20 seconds into the video where the "float" property is applied to the ".col" class. This places the columns side-by-side.
The nav items appear in reverse order because the "
float: right" property setting is applied directly to the list items. In the videos, that property is applied to the "`.main-nav" class instead.