Make logo image stay same size as nav bar?


Wondering if you can share your best method for this. I have made a nav bar and I want to place the image in it, at the far left. How do I make it so that the images size is automatically made to fit the nav bar responsively?

You can be vague without typing out all the code just advise me what to put in. Should I be making the max-width to be the same as the nav-bar or is there a way I can put the logo inside the nav-bars div and then set the height or size or whatever to auto so its automatically vertically taking up the full container?

Many thanks!