Fotomatic debug exercise

I am doing the fotomatic debug project to try and fix the code to look like this

Re:the first element in header that is a class labelled logo I cannot move it to the left hand side of the page like the example. I have inspected the example ‘solution’ and cannot see any difference in the code. I thought about applying lots of padding to he right hand side of it but this code definitely isn’t in the solution.
How is it done?
I’ve tried a few things and nothing seems to work it just moves all of the elements in the header or does something crazy.

I would look it up but I don’t know what the term is to describe it. Is it related to display or position or something else?

I have attached images of what mine looks like and my html/css code and a link to the solution is above.

Have you tried using position relative?