How to make a logo correctly?

Question

css

Hello!
I have such a layout:

How will it be correct to make up this logo, which is merged into the second menu (layout on bootstrap)
1) with one picture, maybe? so that when changing the width, the bottom part remains in the middle of the letter...

Answer 1

I think you answered your own question - the logo is the logo, so one picture. If the font in the text part was standard, then you can separate, but you really have a requirement that everything be on the same line along the Y axis