Product Landing Page -Cannot Make Responsive Logo

Hi everyone, I have been scratching my head about this for days.

I created a quick logo to go with the theme of the landing page that I’m creating however I cannot get it to size correctly with the element. Whateer I try, the logo seems to act independently of the nav container.

I’ve tried flexbox but had no joy and the current code I have is trying with grid. I’ve tried so many different things but I’m clearly missing something that’s really obvious about this!

Any pointers gratefully received, thanks!

.logo {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;

  width: auto;
  height: 10vh;

I just went with this


Thanks a lot Jonathan, that does the job! :slight_smile: