How do I make my picture appear side by side, to the left of the project square?

With side navigation, you have several options: Always display the navigation pane to the left of the page content; Use a collapsible, “fully automatic” responsive side navigation;
Open navigation pane …

My Page


Lorem ipsum box See here for end result.

Essentially wrap your project header with your projects in a div, then remove all width from child elements of #projects, make #projects a nowrap flex container.