Problems with positioning items in navigation Bar

Here’s the link to my work-in-progress navigation bar: Click here

Please help me with following questions:

  1. How to position my div element all the way to the left, when its viewed on a computer, and in center when its viewed on a tablet or a mobile?
  2. How to align the text to the middle in my div element?
  3. I want my image in the div element as tall as the background width of the header when viewed on mobile. How to do that?

give your header justify-content: space-around orspace-between when its big and then on the @media give header analign-items: center;

for your image i dont know what you mean by as tall as the width?